Course Overview
Learn about page-based routing, SSR and ISR pre-rendering, code splitting, API routes, and modern Next.js best practices. This course will prepare you to build production-ready full-stack applications using the most popular React framework.
Course Details
- Duration: 8 weeks (16 sessions)
- Schedule: Saturday mornings, 9am - 12pm
- Price: R4,999 per course
- Format: In-person (George) or online via Zoom
- Prerequisite: Strong React knowledge required
Course Syllabus
- Why Next.js? Framework vs Library
- Creating a Next.js app
- File-based routing (App Router vs Pages Router)
- Pages and layouts
- Linking between pages
- Image optimization with next/image
- Project: Create a multi-page marketing site
- Static Site Generation (SSG)
- Server-Side Rendering (SSR)
- Incremental Static Regeneration (ISR)
- Client-side rendering
- When to use each strategy
- Project: Build a blog with ISR
- Server Components vs Client Components
- Data fetching in Server Components
- API routes and route handlers
- Middleware and rewrites
- Environment variables
- Project: Build a full-stack application with database
- Metadata and SEO optimization
- Authentication (NextAuth.js)
- Internationalization (i18n)
- Performance optimization
- Deployment to Vercel
- Monitoring and analytics
- Final Project: Build and deploy a complete Next.js application
What You'll Achieve
- Master Next.js App Router architecture
- Build full-stack applications with API routes
- Optimize performance with appropriate rendering strategies
- Implement authentication and SEO
- Deploy production-ready Next.js applications
🎓 Career Impact: Next.js developers are in high demand globally. This course will prepare you for senior frontend and full-stack roles.