Module Overview
File-based routing, data fetching strategies (SSG/SSR/CSR), API routes, and deployment patterns using serverless-friendly approaches. Students learn when to use each rendering strategy and how to wire a front-end to small server endpoints.
Learning Objectives
- Understand Next.js project structure and file-based routing.
- Implement static generation and server-side rendering patterns conceptually.
- Create simple API routes and connect front-end to back-end endpoints.
Lesson-by-Lesson Breakdown
Next.js project setup and page routing fundamentals.
Static generation (getStaticProps) and incremental static regeneration concepts.
Server-side props (getServerSideProps) and use-cases.
API routes: building lightweight endpoints for simple back-end features.
Authentication patterns at a conceptual level (cookie vs token basics).
Deployment considerations and environment variables.
Hands-on Activities & Deliverables
Activities
Build a small blog with SSG for posts and an API route for comments or contact submission.
📦 Deliverable
Deployed sample (or deployment instructions) + README.
Required Tools & Readings
Next.js examples and deployment docs.
Assessment & Rubric
- Correct application of rendering strategy40%
- Functioning API route30%
- Deployment readiness30%
Prerequisites
React basics (Module 3 recommended).
Parent-Friendly Value
Students learn modern web frameworks so their projects are fast and production-ready.