TOIT Training

Next 13 Masterclass

Next 13 Masterclass
  • Overview
  • Curriculum
  • Reviews

 

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.

  • 6 Sections
  • 43 Lessons
  • 0 Quizzes
  • 0m Duration
Expand All

 Next.js 13 Basics

12 Lessons 0 Quizzes
  • Introduction & New Features
  • SSR & Server Components (Theory)
  • Pages & Routes
  • Layouts & Links
  • Styles, Fonts & Images
  • Fetching Data & Revalidation
  • Dynamic Segments (Params)
  • Static Rendering
  • Custom 404 Page
  • Loading UI & Suspense
  • Client Form Component
  • Building the App

 More on Routes & Layouts

4 Lessons 0 Quizzes
  • Route Groups
  • Nested Layouts
  • Not Found Page Bug
  • Page Metadata

API Route Handlers

5 Lessons 0 Quizzes
  • Route Handlers 101
  • Handling GET Requests
  • Dynamic vs Static Route Handlers
  • Handling POST Requests
  • Route Handler Params

Authentication

9 Lessons 0 Quizzes
  • Intro to Supabase Auth
  • Making the Auth Forms
  • Signing up a New User
  • Email Redirect Callback
  • Getting the Current User
  • Logging Users Out
  • Logging Users In
  • Protecting Routes
  • Session Middleware

Adding a Database

8 Lessons 0 Quizzes
  • Setting up a Database
  • Adding New Tickets
  • Fetching Data from Supabase
  • Fetching Single Records
  • Checking the Ticket Author
  • Deleting Ticket Records
  • Building the Application
  • RLS & Policies

 Server Actions

5 Lessons 0 Quizzes
  • Intro to Server Components
  • Handling a POST Request in a Server Action
  • Using useFormStatus
  • Handling Server Errors
  • Calling Actions Using useTransition

0

0 Ratings
5 Star 0%
4 Star 0%
3 Star 0%
2 Star 0%
1 Star 0%

Reviews

Free

Start Course

Retake Course

Are you sure you want to retake the course? This action will permanently delete all your progress in this course.

Course Includes

  • Understand Nextjs 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 Nextjs app

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)