English | MP4 | AVC 1920×1080 | AAC 44KHz 2ch | 30 Lessons (12h 08m) | 3.93 GB
NextJs is a powerful framework for building fullstack React applications. It makes it easy to create fast, SEO-friendly websites and web applications that are optimized for performance.
The new app router, built on top of React server components and suspense, introduced in NextJs 13 and now fully stable in NextJs 14, makes building full-stack React applications easier.
I’ll teach you everything you need to know to start building with NextJs 14. From the basics of setting up a NextJs project to advanced concepts like nested layouts, dynamic rendering, revalidating, mutations, suspense, and error boundaries.
Modules
- Getting started
- Your first app
- Routing
- Rendering
- Data fetching
- NextJs components
- Advanced routing
- Authentication
- TypeScript
- Projects
Tech Stack
- TailwindCSS (styling)
- Framer motion (animation)
- MongoDB & PlanetScale (database)
- Next-Auth & Clerk (authentication)
- Prismic (headless CMS)
- MDX (markdown)
- Stripe (payments)
- Swell (ecommerce)
Table of Contents
1.1 Introduction to NextJs
2.1 Create a NextJs app
2.2 Styling
2.3 Deploy your app
3.1 Pages and layouts
3.2 Navigating between pages
3.3 Dynamic routes
3.4 Route groups
3.5 Suspense and streaming
3.6 Error boundaries
4.1 Server vs client components
4.2 Static vs dynamic rendering
4.3 Edge vs Node runtimes
5.1 Fetching
5.2 Caching
5.3 Revalidating
5.4 Server actions
5.6 Migrating from NextJs 12
6.1 Image
6.2 Fonts
6.3 Scripts
6.4 Metadata
7.1 Route handlers
7.2 Middleware
7.3 Internationalization
7.4 Chain middleware functions
8.1 NextAuth
8.2 Clerk
9.1 Setting up TypeScript
10.1 Ecommerce project
Resolve the captcha to access the links!