Advanced Next.js Masterclass
- Your instructor
- Átila Fassina
- Workshop includes:
- 🔖 Examples to take away
- 🗣 Active participation
- 🎁 Workshop recordings
- 🏅 Smashing Certificate
Unfortunately, this workshop is fully sold out! To be notified when we run the workshop again, please join the waiting list below:
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
$500 .00
With all video recordings & slides.
🎪 Save up to 25% on this workshop with a Smashing Membership.
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.
$500 .00
With all video recordings & slides.
🎪 Save up to 25% on this workshop with a Smashing Membership.
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! To be notified when we run the workshop again, please join the waiting list below: