# Next JS

> Learn Next.js Course from Next G Classes Institute in Rohini, Delhi. Become a Full Stack Developer in few months with live projects training.

- Institute: Next-G Classes, Plot No 4, Kh. No. 59/13, First Floor, Pal Colony, Rithala, Near Rithala Metro Station, Delhi - 110085
- Web page: https://nextgclasses.com/next-js
- Duration: Regular 30 Days · Fastrack 20 Days · Crash 10 Days
- Mode: Classroom and Live Online · Certificate · Live projects · Placement assistance
- Enquire: +91-7503301775 · nextgclasses@gmail.com

Learn Next.js Course from Next G Classes Institute in Rohini, Delhi. Become a Full Stack Developer in few months with live projects training.

## Syllabus

**Next JS Course details:
Introduction to Next.js **

- What is Next.js?

- Features and benefits of Next.js.

- React vs. Next.js.

- Understanding Server-Side Rendering (SSR) and Static Site Generation (SSG).

- Setting up a Next.js project.

- Overview of the file-based routing system.

**Basics of Next.js **

- Project structure in Next.js.

- Pages and the pages directory.

- Creating routes in Next.js.

- Linking between pages using the Link component.

- Static files and the public folder.

- Using CSS in Next.js (global CSS, CSS modules).

**Routing in Next.js **

- Dynamic routes and route parameters.

- Catch-all routes ([...slug].js) and optional catch-all routes ([[...slug]].js).

- API routes in Next.js (creating serverless functions).

**Styling in Next.js **

- Built-in CSS and Sass support.

- CSS modules for scoped styling.

- Global styles and globals.css.

- Tailwind CSS with Next.js.

- Using third-party UI libraries (e.g., Material-UI, Chakra UI).

**Data Fetching in Next.js **

- Static Site Generation (SSG) with getStaticProps.

- Incremental Static Regeneration (ISR).

- Server-Side Rendering (SSR) with getServerSideProps.

- Client-side data fetching using useEffect and fetch.

**API Routes **

- What are API routes in Next.js?

- Creating API routes using the pages/api folder.

- Sending and receiving data with API routes.

- Middleware in API routes.

- Handling authentication in API routes.

**Image Optimization **

- Using the Image component in Next.js.

- Lazy loading images.

- Image resizing and quality optimization.

- Configuring the Next.js Image Optimization API.

**SEO in Next.js **

- Importance of SEO in web applications.

- Using the Head component for meta tags.

- Dynamic meta tags for SEO.

**Performance Optimization **

- Automatic code splitting in Next.js.

- Optimizing third-party scripts.

- Reducing bundle size.

- Prefetching data and assets.

- Analyzing performance using next build reports.

**Authentication in Next.js **

- Overview of authentication methods (Session-based, Token-based).

- Implementing authentication with cookies.

- Using third-party authentication libraries like NextAuth.js.

- Protecting routes with middleware or custom logic.

- Dynamic routing with i18n.

**Deployment **

- Building the application for production using next build.

- Deploying Next.js apps on Vercel.

- Hosting on Netlify, AWS, or other platforms.

- Setting up CI/CD pipelines for automatic deployments.