Elevate Your Skills with Our NextJS 13 Workshop

Elevate Your Skills with Our NextJS 13 Workshop
Fontend Architecture

Elevate Your Skills with Our NextJS 13 Workshop

This year, we’ve added a new workshop to our Apium Academy catalog that will be incredibly useful for those looking to enhance their software development skills using NextJS 13. 

In this workshop, we will go over the latest features of NextJS 13 and the advancements in React, exploring a perfect blend of theory and hands-on practice. This immersive experience will equip you with the knowledge and skills to leverage Server and Client Components effectively.

Workshop Overview

The workshop is divided into 8 sessions of 2 hours each. The total duration of the workshop is 16 hours.

Session 1 – React Server and Client Components 

  • Understanding Server and Client Components
  • Exploring the differences between common React Components
  • Code examples to illustrate distinctions
  • Performance implications and best practices
  • Interactive Q&A

Session 2 – Typescript 

  • Unpacking the benefits of using Typescript
  • Contrasting Typescript with Prop-Types
  • Seamless integration into your daily coding practices
  • Q&A

Session 3 – NextJS 13 & Routing

  • Defining and dissecting NextJS 13
  • Highlighting structural differences from previous versions
  • Navigating the intricacies of routing
  • Code examples for common and dynamic routes
  • Open forum for questions

Session 4 – NextJS 13 & Rendering 

  • Exploring the integration of Server and Client Components
  • Dynamic rendering techniques
  • Real-world code examples
  • Addressing queries in an interactive Q&A

Session 5 – NextJS 13 & Data Fetching 

  • Mastering data fetching, caching, and API routes
  • Harnessing the power of streaming and SEO
  • File conventions in NextJS 13.2
  • Demonstrating the benefits of using Typescript
  • Q&A

Session 6 – NextJS 13 & SSG/SSR 

  • Decoding the differences between SSG and SSR
  • Setting up and optimizing at page and layout levels
  • Practical code examples for clarity
  • Addressing participant queries

Session 7 – Server/Client Components Utilities in NextJS 13 

  • Unveiling Server Components utilities and functions
  • Harnessing the potential of Client Components and Hooks
  • Real-world code examples for better understanding
  • Engaging in an interactive Q&A

Session 8 – Styling from NextJS 13 

  • Unraveling performance-centric styling changes in NextJS 13
  • Implementing CSS Modules and Tailwind CSS
  • Optimizing fonts and scripts for enhanced performance
  • Practical code examples for hands-on learning
  • Closing the workshop with a comprehensive Q&A

Next.JS 13 Workshop Instructor

Anna López, a front-end expert, is the professor in charge of this session. Anna worked as a frontend developer at Apiumhub, she is a firm believer in agile development approaches and the proper implementation of architectural solutions. React, Javascript, Typescript, Design Patterns, Software Architecture, Unit and E2E Testing, Scrum, NextJs, Remix, and Gatsby are among her expertise.

Tailor-made Workshops for your Company

At Apium Academy, we provide customized workshops for companies looking to enhance their team’s knowledge. The content can be aligned with your industry, technology stack, and existing workflows, making the learning experience directly applicable to real-world scenarios faced by your team.

By customizing the course content, you can focus on the exact skills and technologies that are relevant to your team’s objectives. This ensures that the training is not only efficient but also directly contributes to the enhancement of the specific competencies your team requires to excel in their roles.

Are you interested in this workshop for your work team? Contact us here for more information.

Leave your thought here

Your email address will not be published. Required fields are marked *

Select the fields to be shown. Others will be hidden. Drag and drop to rearrange the order.
  • Image
  • SKU
  • Rating
  • Price
  • Stock
  • Availability
  • Add to cart
  • Description
  • Content
  • Weight
  • Dimensions
  • Additional information
Click outside to hide the comparison bar