Next.
js Training Content
Table of Contents
1. Introduction to Next.js
2. Installation and Setup
3. Understanding Folder Structure
4. Routing in Next.js
5. Components in Next.js
6. Fetching Data in Next.js
7. API Routes
8. Styling in Next.js
9. Deployment
Details
1. Introduction to Next.js
- What is Next.js?
- Features of Next.js
2. Installation and Setup
- Prerequisites (Node.js, npm)
- Installing Next.js
- Creating first Next.js project
3. Understanding Folder Structure
- Pages directory
- Public folder
4. Routing in Next.js
- File-based routing
- Dynamic routing
5. Components in Next.js
- Creating components
- Reusing components
- Passing data using props
6. Fetching Data in Next.js
- Using `getStaticProps` for static generation
- Using `getServerSideProps` for server-side rendering
- Fetching data client-side with `useEffect`
1|Page
7. API Routes
- Fetching data from API routes in components
8. Styling in Next.js
- Using Tailwind CSS modules
- Applying global styles
9. Deployment
- Preparing app for production
- Deploying to Vercel
2|Page