programming
Completed
Live online
Next.js for Beginners
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, 1:00 PM - 3:00 PM
Class time
Saturday and Sunday, 1:00 PM - 3:00 PM
Sessions
12
Class completed
This class ran from May 10, 2025 to May 24, 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: Caching
1 session
11
Caching in Next.js
Understand how Next.js works under the hood
Section 5: Styling
2 sessions
12
CSS
Style Next.js application with CSS Modules, Global Styles, and external stylesheets.
13
Tailwind CSS
Style Next.js application using Tailwind CSS and Setup UI component Using Shadcn
Section 6: Database Integration
7 sessions
14
Database Fundamentals & Setup
Understanding databases in Next.js applications and setting up your development environment
15
Introduction to Prisma
Learn how to setup Prisma client, create schema, and understand the Prisma ecosystem
16
Prisma Models & Relationships
Define Prisma models, create relationships, and understand database schema design
17
Prisma Queries & Operations
Master Prisma queries for CRUD operations, filtering, sorting, and advanced database manipulation
18
Introduction to Drizzle ORM
Explore Drizzle ORM as an alternative to Prisma - setup, configuration, and core concepts
19
Drizzle Schema & Queries
Define schemas in Drizzle, perform queries, and understand the type-safe approach
20
Prisma vs Drizzle: Choosing the Right ORM
Compare Prisma and Drizzle, understand their strengths, and learn when to use each
Section 7: Authentication
7 sessions
21
Authentication Fundamentals & Strategy
Understanding authentication concepts, security principles, and choosing the right authentication approach for your Next.js application
22
NextAuth.js Setup & Configuration
Learn how to setup NextAuth.js, configure providers, and implement basic authentication flows
23
NextAuth.js Database Integration
Integrate NextAuth.js with your database using adapters, manage user sessions, and handle user data persistence
24
Introduction to Better-Auth
Explore Better-Auth as a modern alternative to NextAuth.js - setup, core concepts, and type-safe authentication
25
Better-Auth with Drizzle ORM Integration
Implement Better-Auth with Drizzle ORM, create authentication schemas, and build secure user management systems
26
Advanced Authentication Features
Implement advanced features like email verification, password reset, social logins, and multi-factor authentication
27
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 8: Authorization
3 sessions
28
Implement Role-Based Access Control (RBAC)
Design and implement role-based access control systems, restrict user access based on roles and permissions
29
Protected Routes & Middleware
Create protected routes, implement authentication middleware, and secure your Next.js application endpoints
30
Login & Registration UI Implementation
Build responsive login and registration forms, integrate with your chosen authentication system, and handle user interactions
Section 9: Admin Dashboard
4 sessions
31
Admin Dashboard Architecture & Layout
Design and implement a comprehensive admin dashboard layout with navigation, routing, and responsive design
32
User Management System
Build a complete user management system with CRUD operations, pagination, filtering, and bulk actions
33
Role & Permission Management
Implement dynamic role and permission management systems with granular access control and real-time updates
22
Deployment
Learn how to deploy app to vercel and vps
Student Final Project
1 session
23