Skip to main content

Advanced Next.js Masterclass

Átila Fassina

Your instructor
Átila Fassina

Workshop includes:

  • 🔖  Examples to take away
  • 🗣  Active participation
  • 🎁  Workshop recordings
  • 🏅  Smashing Certificate

Unfortunately, this workshop is fully sold out! But you can join the waiting list in case a ticket becomes available:

Workshop, 6×2h + Q&A •Wed & Thu, November 30 – December 15 2022
09:00 – 11:30 AM PT (18:00 – 20:30 CET) • Check your time zone ⏰

Next.js is one of the most loved and widely used frameworks in the React Ecosystem. It is aligned with latest developments both in React and in the Web platform.

Gaining versatility and fitting a super ergonomic developer experience to many use cases. Come around and let’s dive deep on how to build a fullstack application (with a data layer, state management, performance optimizations, and high security) with this amazing framework.

Here’s What You Should Be Expecting:

  • Interactive live sessions

    6 × 2.5h live sessions

  • Practical insights

    Principles and methods for making more engaging products

  • Hands-on exercises

    With reviews by your teacher

  • Life-time access

    To all video recordings and examples

  • Dedicated Q&A time

    To ask all your questions

  • Smashing Certificate

    A well-deserved reward for your work


In this workshop, you’ll learn how to leverage Next.js components to deliver performant (according to Web Vitals standards), secure, and easy-to-scale applications. With proper state management, a data layer with its own database (provisioned during the course).

We will also set Continuous Integration, being able to run our tests locally and on each Pull Request, finally we will deploy a fully functioning app, with CRUD (Create, Read, Update, Delete) operations, integration tests, and continuous deployment.

Who is this workshop for?

This is a dense workshop addressed to everyone who is willing to take their React app to the next level. Regardless if you have created apps with Next.js, have experience only with React, or is curious to create high-end apps that scale without hurting: this course is for you!

What hardware/software do you need?

  • Node 16+
  • Basic Git / Github knowledge
  • Basic React
  • Basic TypeScript

About Átila Fassina

Átila Fassina is on a mission to make code simple. When not recording screencasts or courses, you may find him either writing and talking about jamstack, performance, or developer tooling.

Currently,he works as Senior Developer Experience Engineer at Xata and he writes for Smashing Magazine.

Time & Schedule

This masterclass takes place over six days in 2-hour sessions with time for questions and discussion about your work and how to apply what you’ve learned. Our virtual doors open at 8:45 AM, we start at 9 AM PDT.

Please mark your calendars:

  • Wed, Nov 30, 09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
  • Thu, December 1, 09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
  • Wed, December 7, 09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
  • Thu, December 8, 09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
  • Wed, December 14, 09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)
  • Thu, December 15, 09:00 – 11:30 AM PT (Pacific, US) • 18:00 – 20:30 CET (Europe)

Day 1 — Leveling and setup

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • What’s serverless? Overview of Serverless Platforms.
  • Continuous Integration and Continuous Deployment.
  • Default styling options in a Next.js app.
  • Basic rendering strategies.

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 2 — Deepening on Next.js

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • Next.js and Web Vitals
  • Next.js Image component
  • Next.js, React Server Components, and Edge Computing.
  • Tuning-up Rendering Strategies.
  • Document and App components

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 3 — Data and Middleware

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • What are Edge Functions?
  • Choose a data layer
  • Protecting secrets and your users
  • CRUD (Create, Read, Update, Delete).
  • TypeScript, Server to Client.

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 4 — Content Security Policy and Tests

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • What is Content Security Policy (CSP)?
  • How to evaluate a good CSP?
  • What makes a good test
  • Setup tests on CI against Preview deploys

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 5 — Layouts and Routes

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • the Layout architecture
  • State management
  • Managing state and isolating pages
  • Choosing the best rendering strategy for each page

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Day 6 — Scaling up

8:45 PM PDT
Virtual doors open, registration, chat and introductions.

9:00 AM – 11:00 AM

  • What about external scripts?
  • Keep an eye out for common footguns.
  • Keeping an eye on the framework roadmap.

11:00 AM – 11:30 AM
Q&A with Átila on the day’s material. Networking!

Unfortunately, this workshop is fully sold out! But you can join the waiting list in case a ticket becomes available:


x