Overview

Next.js 13 introduces a suite of new features and improvements that enhance its capabilities as a comprehensive framework for React development. Building upon its predecessor's foundations, Next.js 13 offers enhanced data fetching methods, refined routing techniques, and a more efficient rendering engine. The framework's focus on performance and developer experience is evident through its incremental static regeneration feature, allowing for the seamless updating of static content without a full rebuild. The introduction of server components marks a significant shift in optimizing bundle sizes by rendering certain components exclusively on the server, thus reducing the JavaScript load on the client-side. The masterclass centered around Next.js 13 would dive deep into these advancements, equipping developers with the knowledge to leverage the full potential of the framework's latest iteration for building scalable, fast, and feature-rich web applications.

Skills Learned

Understand Next.js 13 new features
Implement Server-Side Rendering (SSR)
Create pages and configure routes
Design layouts and utilize links
Apply styles, add fonts, and manage images
Fetch data and understand revalidation
Use dynamic segments and parameters
Generate static pages with Static Rendering
Create a custom 404 error page
Implement loading UI with Suspense
Build client-side form components
Execute the build process for a Next.js app

Modules

1. Next.js 13 Basics

1.1 Introduction & New Features14 min

1.2 SSR & Server Components (Theory)8 min

1.3 Pages & Routes5 min

1.4 Layouts & Links7 min

1.5 Styles, Fonts & Images14 min

1.6 Fetching Data & Revalidation15 min

1.7 Dynamic Segments (Params)8 min

1.8 Static Rendering9 min

1.9 Custom 404 Page4 min

1.10 Loading UI & Suspense7 min

1.11 Client Form Component14 min

1.12 Building the App2 min

2. More on Routes & Layouts

2.1 Route Groups6 min

2.2 Nested Layouts6 min

2.3 Not Found Page Bug4 min

2.4 Page Metadata5 min

3. API Route Handlers

3.1 Route Handlers 1013 min

3.2 Handling GET Requests5 min

3.3 Dynamic vs Static Route Handlers3 min

3.4 Handling POST Requests5 min

3.5 Route Handler Params4 min

4. Authentication

4.1 Intro to Supabase Auth5 min

4.2 Making the Auth Forms10 min

4.3 Signing up a New User10 min

4.4 Email Redirect Callback7 min

4.5 Getting the Current User4 min

4.6 Logging Users Out4 min

4.7 Logging Users In5 min

4.8 Protecting Routes5 min

4.9 Session Middleware4 min

5. Adding a Database

5.1 Setting up a Database3 min

5.2 Adding New Tickets7 min

5.3 Fetching Data from Supabase4 min

5.4 Fetching Single Records6 min

5.5 Checking the Ticket Author11 min

5.6 Deleting Ticket Records8 min

5.7 Building the Application5 min

5.8 RLS & Policies6 min

6. Server Actions

6.1 Intro to Server Components7 min

6.2 Handling a POST Request in a Server Action7 min

6.3 Using useFormStatus6 min

6.4 Handling Server Errors4 min

6.5 Calling Actions Using useTransition4 min

Next 13 Masterclass