Next.Js

Focuses on UI states, templates, and error boundaries.

• File Colocation

  2:52

• Private Folders

  -

• Route Groups

  -

• Layouts

  -

• Nested Layouts

  -

• Multiple Root Layouts

  3:25

• Routing Metadata

  -

• title Metadata

  -

• Link Component

  -

• Active Links

  -

• params and searchParams

  -

• Navigating Programmatically

  -

Delves into conditional and parallel routes, intercepting, and unmatched routes

• Templates

  3:50

• Loading UI

  -

• Error Handling

  -

• Recovering from Errors

  -

• Handling Errors in Nested Routes

  -

• Handling Errors in Layouts

  -

• Handling Global Errors

  -

Expands routing skills with layouts, metadata, groups

• Parallel Routes

  -

• Unmatched Routes

  -

• Conditional Routes

  -

• Intercepting Routes

  -

• Parallel Intercepting Routes

  5:39

Goes deep into server logic, API routes, middleware, and data communication.

• Route Handlers

  -

• Handling GET Requests

  -

• Handling POST Requests

  -

• Dynamic Route Handlers

  -

• Handling PATCH Requests

  -

• Handling DELETE Requests

  -

• URL Query Parameters

  -

• 4Headers in Route Handlers

  -

• Cookies in Route Handlers

  -

• Redirects in Route Handlers

  -

• Caching in Route Handlers

  -

• Middleware

  -

Master client/server components, SSR/CSR, data fetching, and streaming

• Rendering

  -

• Client-side Rendering (CSR)

  -

• Server-side Rendering (SSR)

  -

• Suspense SSR

  -

• React Server Components

  6:35

• Server and Client Components

  -

• RSC Rendering Lifecycle

  -

• Static Rendering

  -

• Dynamic Rendering

  -

• generate Static Params

  5:24

• dynamic Params

  -

• Streaming

  -

• Server and Client Composition Patterns

  -

• Server-only Code

  -

• Third Party Packages

  -

Focus: This module covers client-side behavior, server actions, form interactions, and real-world data mutation patterns.

• Context Providers

  -

• Client-only Code

  -

• Client Component Placement

  -

• Interleaving Server and Client Components

  -

• Data Fetching

  1:34

• Fetching Data in Client Components

  -

• Fetching Data in Server Components

  4:20

• Loading and Error States

  -

• Sequential Data Fetching

  -

• Parallel Data Fetching

  -

• Fetching from a Database

  -

• Data Mutations

  -

• Forms with Server Actions

  -

• Pending State with use Form Status

  -

• Form Validation with useActionState

  -

• Separating Server Actions

  -

• useFormStatus vs useActionState

  1:36

• Update Server Action

  -

• Delete Server Action

  -

• Optimistic Updates

  -

• Form Component

  -

This module introduces authentication with Clerk, user sessions, protected routes, UI control based on auth state, and wraps up with deployment.

• Authentication

  -

• Clerk Setup

  -

• Sign in and Sign out

  -

• Profile Settings

  3:08

• Conditional UI Rendering

  -

• Protecting Routes

  -

• Read Session and User Data

  -

• Role Based Access Control

  -

• Customizing Clerk Components

  -

• Deploying Next.js Apps to Vercel

  -