Makara Nuol

Makara Nuol

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

More Courses From Me
Browse All Courses

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, 2025. Classes are held Saturday and Sunday, 1:00 PM - 3:00 PM.

// SYLLABUS

Section 1 : Routing Fundamentals

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

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

Incremental Static Regeneration (ISR)

Learn how to create or update static pages at runtime with Incremental Static Regeneration

Section 3 : Rendering

08

Server Components

Learn how to use React Server Components to render parts of your application on the server
09

Client Component

Learn how to use Client Component to render parts of your application on client

Section 4: Caching

10

Caching in Next.js

Understand how Next.js works under the hood

Section 5 : Styling

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 : Prisma

13

Introduction to Prisma

Learn how to setup prisma client and create prisma schema
14

Define Prisma Model

Learn how to define prisma model and making relationship
15

Prisma Query

Learn how to user prisma query to manipulate database's data

Section 6 : Authentication

16

Configuring Next Auth for Authentication

Learn how to setup Next Auth for Next.js Application
17

Define Prisma Model For Authentication

Learn how to create prisma model for handling user session

Authorization

18

Implement Role Base Access Control on User

Restrict user access based on their role and permission
19

Implement Login Page

Learn how to integrate UI with the server actions

Admin Dashboard

20

Implement Admin Dashboard

Learn how to implement admin dashboard layout and setup route navigation
21

User Management and Role Management

Learn how to implement user management and role management (CRUD) with pagination and filtering
22

Deployment

Learn how to deploy app to vercel and vps

Student Final Project

23

Student Present Their Final Project