IntermediateFull Stack

Next.js Complete Course

Master Next.js and build full-stack applications. Learn App Router, server components, and deployment.

4.9 (2156)
39k students
18h
16 lessons
by Sudip Kc

Price

Free
Lifetime access
English & Nepali
Certificate included

What You'll Learn

Build applications with Next.js

Master App Router

Create API routes

Implement authentication

Deploy to production

Optimize performance

Course Curriculum

1

Getting Started

Set up a Next.js project and understand the structure.

15m
2

App Router

Learn routing with the modern App Router.

25m
3

Pages and Layouts

Create pages and reusable layout components.

20m
4

API Routes

Build backend routes within your Next.js app.

25m
5

Data Fetching

Use getServerSideProps, getStaticProps, and fetch strategies.

25m
6

Server Components

Build efficient server components and server actions.

30m
7

Middleware

Implement middleware for authentication and routing.

20m
8

Image Optimization

Optimize images with Next.js Image component.

15m
9

Styling

Use CSS, Tailwind CSS, and CSS-in-JS solutions.

20m
10

Authentication

Implement user authentication with Next.js.

30m
11

Database Integration

Connect to databases and use ORMs.

30m
12

Deployment

Deploy to Vercel and other platforms.

20m
13

Performance

Optimize for Core Web Vitals and performance.

20m
14

Testing

Write tests for Next.js applications.

20m
15

Mini Projects

Build multiple projects with Next.js.

80m
16

Full Stack Project

Create a complete full-stack application.

120m
Total Duration
18h
Lessons
16
Projects
2
Difficulty
intermediate

Build Real Projects

Blog Platform

Intermediate

Build a blog with Next.js, Markdown support, and dynamic routes.

100h

Social App

Advanced

Create a social platform with authentication and real-time updates.

150h

Ready to Enroll?

Join 39k+ students already learning this course