TOIT Training

Intermediate

Next 13 Masterclass

Overview
Curriculum

 

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.

Curriculum

  • 6 Sections
  • 43 Lessons
  • 5h Duration
Expand All
 Next.js 13 Basics
12 Lessons
  1. Introduction & New Features
  2. SSR & Server Components (Theory)
  3. Pages & Routes
  4. Layouts & Links
  5. Styles, Fonts & Images
  6. Fetching Data & Revalidation
  7. Dynamic Segments (Params)
  8. Static Rendering
  9. Custom 404 Page
  10. Loading UI & Suspense
  11. Client Form Component
  12. Building the App
 More on Routes & Layouts
4 Lessons
  1. Route Groups
  2. Nested Layouts
  3. Not Found Page Bug
  4. Page Metadata
API Route Handlers
5 Lessons
  1. Route Handlers 101
  2. Handling GET Requests
  3. Dynamic vs Static Route Handlers
  4. Handling POST Requests
  5. Route Handler Params
Authentication
9 Lessons
  1. Intro to Supabase Auth
  2. Making the Auth Forms
  3. Signing up a New User
  4. Email Redirect Callback
  5. Getting the Current User
  6. Logging Users Out
  7. Logging Users In
  8. Protecting Routes
  9. Session Middleware
Adding a Database
8 Lessons
  1. Setting up a Database
  2. Adding New Tickets
  3. Fetching Data from Supabase
  4. Fetching Single Records
  5. Checking the Ticket Author
  6. Deleting Ticket Records
  7. Building the Application
  8. RLS & Policies
 Server Actions
5 Lessons
  1. Intro to Server Components
  2. Handling a POST Request in a Server Action
  3. Using useFormStatus
  4. Handling Server Errors
  5. Calling Actions Using useTransition

Deleting Course Review

Are you sure? You can't restore this back

Course Access

This course is password protected. To access it please enter your password below:

Buy for group

Next 13 Masterclass
No groups Found

You don't have any groups yet

Create a group and add group members. Sync Group(s)