SkillManthan Logo - Best IT Training Institute in Lucknow
Loading your future skills...
+91-6392-361-443,+91-9120-341-047
theskillmanthan@gmail.com
Development Website
Our Placements Download Brochure
Register Now Skill Test
Verify Certificate Register Now
Download Courses - SkillManthan Technologies Pvt Ltd
Course Banner

Next.js Web Development (Full Stack + Projects)

Learn Next.js to build fast, SEO-friendly and production-ready web applications with React, server-side rendering, APIs and modern routing.

Course Description

This course covers React + Next.js from basics to advanced concepts like routing, data fetching, APIs, authentication and deployment with real-world projects.

Detailed Course Syllabus

L.N. Contents Hours
1
  1. Introduction to Next.js
  2. Next.js vs React
  3. Project Setup
  4. Folder Structure Overview
 2
2
  1. React Refresh
  2. Components & Props
  3. State & Events
  4. Hooks (useState, useEffect)
 2
3
  1. Routing in Next.js
  2. Pages Router
  3. App Router (New)
  4. Dynamic Routes
  5. Layouts
 2
4
  1. Rendering Methods
  2. CSR (Client Side)
  3. SSR (Server Side Rendering)
  4. SSG (Static Generation)
  5. ISR (Incremental Static Regeneration)
 2
5
  1. Data Fetching
  2. fetch()
  3. getServerSideProps
  4. getStaticProps
  5. API Calls from Components
 2
6
  1. Styling
  2. CSS / Modules
  3. Tailwind CSS (Intro)
  4. Global Styles
 2
7
  1. Next.js API Routes
  2. Create Backend Endpoints
  3. Handling Requests
  4. JSON Responses
 2
8
  1. Authentication
  2. JWT Basics
  3. NextAuth (Intro)
  4. Protected Pages
 2
9
  1. Working with Database
  2. MongoDB (Intro)
  3. Prisma ORM (Intro)
  4. CRUD Operations
 2
10
  1. SEO & Performance
  2. Meta Tags
  3. Head Component
  4. Image Optimization
  5. Link Optimization
 2
11
  1. Mini Projects
  2. ✔ Blog Website
  3. ✔ Simple Dashboard
  4. ✔ Weather / API App
 2
12
  1. Major Project (Full Next.js App)
  2. ✔ E-Commerce
  3. ✔ Course / LMS Website
  4. ✔ Job Portal
 2