programming
Completed
Live online
Next.js for Beginners Term 2
Next.js has emerged as one of the most popular frameworks for building modern web applications. It combines the best of React with powerful features like server-side rendering, static site generation, and API routes. In this course, you'll learn how to build fast, SEO-friendly, and user-friendly web applications using Next.js from the ground up. Whether you're new to web development or coming from another framework, this course will give you the skills to create professional web applications.
Schedule
Saturday and Sunday, 3:00 PM - 5:00 PM
Class time
Saturday and Sunday, 3:00 PM - 5:00 PM
Sessions
12
Class completed
This class ran from September 27, 2025 to October 11, 2025.
Section 1: Routing Fundamentals
4 sessions
01
Layouts and Templates
Create your first shared layout in Next.js
02
Linking and Navigating
Learn how navigation works in Next.js
03
Understand Route Group
Learn how to group route into different section
04
Dynamic Route
Learn how to create route segment from dynamic data.
Section 2: Data Fetching
4 sessions
05
Data Fetching And Caching
Learn how to fetch data for both server and client side
06
Next.js Server Actions
Learn how to handle form submissions and data mutations with Next.js
07
Server-Side Rendering (SSR)
Learn how to implement server-side rendering for dynamic content, SEO optimization, and improved initial page load performance
08
Static Site Generation (SSG)
Master static site generation for maximum performance, build-time optimization, and creating lightning-fast static pages
Section 3: Rendering
2 sessions
09
Server Components
Learn how to use React Server Components to render parts of your application on the server
10
Client Component
Learn how to use Client Component to render parts of your application on client
Section 4: Styling
2 sessions
11
CSS
Style Next.js application with CSS Modules, Global Styles, and external stylesheets.
12
Tailwind CSS
Style Next.js application using Tailwind CSS and Setup UI component Using Shadcn
Section 5: Database Integration
7 sessions
13
Database Fundamentals & Setup
Understanding databases in Next.js applications and setting up your development environment
14
Introduction to Prisma
Learn how to setup Prisma client, create schema, and understand the Prisma ecosystem
15
Prisma Models & Relationships
Define Prisma models, create relationships, and understand database schema design
16
Prisma Queries & Operations
Master Prisma queries for CRUD operations, filtering, sorting, and advanced database manipulation
17
Introduction to Drizzle ORM
Explore Drizzle ORM as an alternative to Prisma - setup, configuration, and core concepts
18
Drizzle Schema & Queries
Define schemas in Drizzle, perform queries, and understand the type-safe approach
19
Prisma vs Drizzle: Choosing the Right ORM
Compare Prisma and Drizzle, understand their strengths, and learn when to use each
Section 6: Authentication
7 sessions
20
Authentication Fundamentals & Strategy
Understanding authentication concepts, security principles, and choosing the right authentication approach for your Next.js application
21
NextAuth.js Setup & Configuration
Learn how to setup NextAuth.js, configure providers, and implement basic authentication flows
22
NextAuth.js Database Integration
Integrate NextAuth.js with your database using adapters, manage user sessions, and handle user data persistence
23
Introduction to Better-Auth
Explore Better-Auth as a modern alternative to NextAuth.js - setup, core concepts, and type-safe authentication
24
Better-Auth with Drizzle ORM Integration
Implement Better-Auth with Drizzle ORM, create authentication schemas, and build secure user management systems
25
Advanced Authentication Features
Implement advanced features like email verification, password reset, social logins, and multi-factor authentication
26
NextAuth vs Better-Auth: Choosing Your Stack
Compare NextAuth.js and Better-Auth, understand their strengths, and learn when to use each authentication solution
Section 7: Authorization
3 sessions
27
Implement Role-Based Access Control (RBAC)
Design and implement role-based access control systems, restrict user access based on roles and permissions
28
Protected Routes & Middleware
Create protected routes, implement authentication middleware, and secure your Next.js application endpoints
29
Login & Registration UI Implementation
Build responsive login and registration forms, integrate with your chosen authentication system, and handle user interactions
Section 8: Admin Dashboard
4 sessions
30
Admin Dashboard Architecture & Layout
Design and implement a comprehensive admin dashboard layout with navigation, routing, and responsive design
31
User Management System
Build a complete user management system with CRUD operations, pagination, filtering, and bulk actions
32
Role & Permission Management
Implement dynamic role and permission management systems with granular access control and real-time updates
33
Deployment
Learn how to deploy app to vercel and vps
Section 9: Final Project
1 session
34
Student Present Their Final Project
Students showcase their completed Next.js projects, demonstrate key features, and receive feedback from peers and instructors