Главная
Study mode:
on
1
Introduction
2
Next.js Installation
3
Next.js 14 Folder Structure
4
Next.js App Route Explained Next.js Routing
5
Next.js Layouts Explained
6
Next.js Should You Use the src Directory?
7
Next.js Components
8
Next.js Loading, Error, Not Found Layouts
9
Next.js Styling CSS Modules and Tailwind
10
Next.js How to Give the Active Class to a Navbar Link
11
Responsive Navbar Design
12
Responsive Container Layout
13
Next.js Image Explained
14
Homepage Design
15
About Page Design
16
Contact Page Design
17
Next.js Blog Page Design
18
Single Blog Page Design
19
Next.js Rendering Explained Server Components vs Client Components
20
Next.js 14 Hydration Error and the Solutions
21
Next.js Client Component Parent & Server Component Child Problem
22
Next.js Navigation Explained Links, useRouter, useParams, page params
23
Next.js Data Fetching Explained Understanding Caching
24
Next.js Suspense Explained
25
Next.js 14 How to Fetch Data without Using an API
26
Next.js 14 MongoDB Full Stack App Tutorial
27
Next.js 14 noStore Explained How to Stop Caching Data?
28
Next.js SEO Tutorial Static and Dynamic SEO Explained
29
Next.js 14 Server Actions Tutorial with a Real-World Example
30
Next.js Server Actions vs API Routes Which One to Choose?
31
Next.js 14 API Route Explained
32
Next.js 14 Auth Tutorial | Authentication with Next-Auth & Server Actions
33
Next Auth Social Media Sign in Tutorial with Server Actions
34
Next Auth Social Media Sign in How to Add User To Database
35
Next Auth with User Credentials Tutorial Email & Password Login
36
Next.js useFormState Hook Explained!
37
Next.js 14 NEXT_REDIRECT Error and the Solution
38
Next.js 14 Middleware Explained | Next.js Auth.js Next-Auth How to Protect Routes?
39
Next.js 14 Admin Dashboard Tutorial with Server Actions
40
Outro
Description:
Embark on a comprehensive 5-hour journey through Next.js 14, covering everything from installation to advanced features. Learn to build a full-stack application using the app router, server actions, MongoDB, and Auth.js. Master key concepts including folder structure, routing, layouts, components, styling with CSS modules and Tailwind, responsive design, and image optimization. Dive deep into server and client components, data fetching, caching, and SEO optimization. Explore authentication implementation, including social media sign-in and user credentials. Tackle common issues like hydration errors and route protection. Culminate your learning by creating an admin dashboard with server actions. Access provided source code repositories to follow along and reinforce your understanding of Next.js 14 development.

Next.js 14 Complete Course 2024 - Full Stack App Tutorial for Beginners

Lama Dev
Add to list
#Programming #Programming Languages #Javascript #React #Next.js #Business #Marketing #Digital Marketing #Search Engine Optimization (SEO) #Databases #NoSQL Databases #MongoDB #Web Development #Web Design #Responsive Design #Routing #Full Stack Development #Server-Side Rendering
0:00 / 0:00
1 of 40

Introduction