2 React Training: Next.js Curriculum

2.1 Overview and Architecture

• Features of Next.js
• Architecture
• Strengths and Weaknesses
• TypeScript vs JavaScript

2.2 Next.js Hands-on

• Installing Next.js (With yarn / npm)
• Creating a Next.js Project
  • create-next-app
  • Development vs Production Mode
• Routing in Next.js
  • API Routes
• Loading Assets with Next.js
  • Markdown Files
  • Forms
  • Images and Image Optimization
• SEO with Next.js
  • Sitemaps
  • Canonical and other Meta Tags
  • Core Web Vitals
• Translation
• Error Handling

2.3 Next.js Deployment and Optimization

• Compiling
• Minifying
• Bundling
• Code Splitting
• Rendering Modes
  • Pre-Rendering
  • Server Side Rendering (SSR)
  • Static Site Generation (SSG)
• Deployment and Hosting