Course Instructor

Makara Nuol

Makara Nuol

Expert Instructor
5+ Years Experience

Software Engineer specializing in frontend development, Passionate about craft responsive, high-performance web applications

View All Courses
Browse All Courses
programming
Premium Course

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.

Course Icon

This course runs from May 10, 2025Completed. Classes are held Saturday and Sunday, 1:00 PM - 3:00 PM.

// SYLLABUS

Section 1 : Routing Fundamentals

4 sessions
01

Layouts and Templates

Create your first shared layout in Next.js
Interactive Session
~2 hours
02

Linking and Navigating

Learn how navigation works in Next.js
Interactive Session
~2 hours
03

Understand Route Group

Learn how to group route into different section
Interactive Session
~2 hours
04

Dynamic Route

Learn how to create route segment from dynamic data.
Interactive Session
~2 hours

Section 2 : Data Fetching

4 sessions
05

Data Fetching And Caching

Learn how to fetch data for both server and client side
Interactive Session
~2 hours
06

Next.js Server Actions

Learn how to handle form submissions and data mutations with Next.js
Interactive Session
~2 hours
07

Server-Side Rendering (SSR)

Learn how to implement server-side rendering for dynamic content, SEO optimization, and improved initial page load performance
Interactive Session
~2 hours
08

Static Site Generation (SSG)

Master static site generation for maximum performance, build-time optimization, and creating lightning-fast static pages
Interactive Session
~2 hours

Section 3: Rendering

2 sessions
09

Server Components

Learn how to use React Server Components to render parts of your application on the server
Interactive Session
~2 hours
10

Client Component

Learn how to use Client Component to render parts of your application on client
Interactive Session
~2 hours

Section 4: Caching

1 session
11

Caching in Next.js

Understand how Next.js works under the hood
Interactive Session
~2 hours

Section 5: Styling

2 sessions
12

CSS

Style Next.js application with CSS Modules, Global Styles, and external stylesheets.
Interactive Session
~2 hours
13

Tailwind CSS

Style Next.js application using Tailwind CSS and Setup UI component Using Shadcn
Interactive Session
~2 hours

Section 6: Database Integration

7 sessions
14

Database Fundamentals & Setup

Understanding databases in Next.js applications and setting up your development environment
Interactive Session
~2 hours
15

Introduction to Prisma

Learn how to setup Prisma client, create schema, and understand the Prisma ecosystem
Interactive Session
~2 hours
16

Prisma Models & Relationships

Define Prisma models, create relationships, and understand database schema design
Interactive Session
~2 hours
17

Prisma Queries & Operations

Master Prisma queries for CRUD operations, filtering, sorting, and advanced database manipulation
Interactive Session
~2 hours
18

Introduction to Drizzle ORM

Explore Drizzle ORM as an alternative to Prisma - setup, configuration, and core concepts
Interactive Session
~2 hours
19

Drizzle Schema & Queries

Define schemas in Drizzle, perform queries, and understand the type-safe approach
Interactive Session
~2 hours
20

Prisma vs Drizzle: Choosing the Right ORM

Compare Prisma and Drizzle, understand their strengths, and learn when to use each
Interactive Session
~2 hours

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
Interactive Session
~2 hours
22

NextAuth.js Setup & Configuration

Learn how to setup NextAuth.js, configure providers, and implement basic authentication flows
Interactive Session
~2 hours
23

NextAuth.js Database Integration

Integrate NextAuth.js with your database using adapters, manage user sessions, and handle user data persistence
Interactive Session
~2 hours
24

Introduction to Better-Auth

Explore Better-Auth as a modern alternative to NextAuth.js - setup, core concepts, and type-safe authentication
Interactive Session
~2 hours
25

Better-Auth with Drizzle ORM Integration

Implement Better-Auth with Drizzle ORM, create authentication schemas, and build secure user management systems
Interactive Session
~2 hours
26

Advanced Authentication Features

Implement advanced features like email verification, password reset, social logins, and multi-factor authentication
Interactive Session
~2 hours
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
Interactive Session
~2 hours

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
Interactive Session
~2 hours
29

Protected Routes & Middleware

Create protected routes, implement authentication middleware, and secure your Next.js application endpoints
Interactive Session
~2 hours
30

Login & Registration UI Implementation

Build responsive login and registration forms, integrate with your chosen authentication system, and handle user interactions
Interactive Session
~2 hours

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
Interactive Session
~2 hours
32

User Management System

Build a complete user management system with CRUD operations, pagination, filtering, and bulk actions
Interactive Session
~2 hours
33

Role & Permission Management

Implement dynamic role and permission management systems with granular access control and real-time updates
Interactive Session
~2 hours
22

Deployment

Learn how to deploy app to vercel and vps
Interactive Session
~2 hours

Student Final Project

1 session
23

Student Present Their Final Project

Interactive Session
~2 hours