Next.js recently became the official React framework as outlined in React docs. In this course, you'll learn the most important Next.js concepts and how they fit into the React ecosystem. Finally, you'll put your skills to the test by building a modern full-stack Next 13 application.
In this video, you'll learn:
- Next.js 13 App Folder Structure
- Next.js 13 Client Components vs Server Components
- Next.js 13 File-based Routing (including dynamic and nested routes)
- Next.js 13 page, layout, loading, and error Special Files
- Next.js 13 Serverless Route Handlers (Next API, Full Stack Apps)
- Next.js 13 Metadata and Search Engine Optimization (SEO)
- Three ways to fetch data in Next.js:
- Server Side Rendering (SSR),
- Static Site Generation (SSG)
- Incremental Static Generation (ISR)
npx create-next-app@latest ./ yes typescript no eslint no tailwind yes src/directory no experimental app direct yes import alais @/*
npm install bcrypt mongodb mongoose nextauth
bcrypt is use to hash passwords mongodb for database mongoose to manage mongodb
component are use for reusabale component folder/files models is use for our mongodb mongoose database models
whenever you see a _ in style its from our globalCSS