Section outline

• Select section Day 1: Advanced React and Next.js Basics

  Day 1: Advanced React and Next.js Basics

  Collapse all Expand all

  Session 1: Advanced React Hooks and Custom Hooks (5 Hours)

  • Optimizing performance with useMemo & useCallback.
  • Using useRef for DOM manipulation & persistent values.
  • Creating custom hooks for complex logic.
  • Managing state with useReducer.
  • Hands-on: Building a custom API-fetching hook.

  Session 2: Reusable Components and React Context (5 Hours)

  • React.forwardRef & useImperativeHandle for flexible components.
  • Global state management with React Context API.
  • Hands-on: Implementing a reusable form & authentication state.
• Select section Day 2: Server Components, API Routes, and Redux

  Day 2: Server Components, API Routes, and Redux

  Session 3: Next.js Server Components, Server Actions & API Routes (5 Hours)

  • Next.js Server Components for performance.
  • Server Actions for form handling.
  • API route security & JWT authentication.
  • Hands-on: Building a CRUD API secured with JWT.

  Session 4: Advanced Redux Toolkit & Redux Thunk (5 Hours)

  • Redux Toolkit for efficient state management.
  • Redux Thunk for async logic & API calls.
  • Hands-on: Managing API requests & side effects with Redux.
• Select section Day 3: JWT Authentication, Advanced Routing, and Deployment

  Day 3: JWT Authentication, Advanced Routing, and Deployment

  Session 5: JWT Authentication, Advanced Routing, and Deployment (5 Hours)

  • Securing routes with JWT authentication.
  • Advanced Next.js routing (dynamic routes, parameters).
  • Middleware for request management.
  • Deploying Next.js apps on Vercel & AWS.
  • Hands-on: Deploying a full-stack secured Next.js app.

   

  Wrap-Up Session (1 Hour)

  • Final project review & Q&A.
  • Next steps for advanced Next.js learning.