Duration: 2 Months [1.5 Hours/Day]
Eligibility: 10th Passed
Next.js Course Syllabus
Fill this information
- Introduction to Next.js-:What is Next.js? Why use it?, Pages vs Components, File-based Routing.
- Routing-:Static vs Dynamic Routes, Link component and navigation, Nested Routing & Parameters, App Router vs Pages Router
- Satic Files in Next.Js-:Use Static files in Next.js Like: images, pdf, css, js & more.
- Next.js Core Features-: Server-Side Rendering (SSR), Static Site Generation (SSG), Client Side Rendering (CSR), Incremental Static Regeneration (ISR).
- Material UI-:What is Material UI (MUI)?, Installation and setup in React:, Layout Components, Navigation Components, Input Components, Data Display Components, Feedback Components, Surfaces & Icons
- Data Fetching in Next.js-:getStaticProps, getServerSideProps, getStaticPaths, API Routes in Next.js
- Middleware in Next.js-:What is Middleware in the context of Next.js?, Purpose and benefits of using Middleware, Implementing Middleware, Matching Paths and Configuration, URL Rewrites and Redirects.
- Authentication & Authorization-:JWT tokens in Sessions, Auth using NextAuth.js, Protecting pages and routes, Role-based access.
- Optimization-:Image optimization with next/image, Lazy loading and dynamic imports, Environment variables, SEO Optimization in Next.js (next/head)
- Projects & Assignments-: Todo App, E-commerce Website, Admin Dashboard with authentication.
