Next.js Tutorials for Beginners

Overview

Videos in this playlist 55

1. Next.js Tutorial for Beginners | Next.js 13
2. Next.js Pages, Layout, Links, Routes & Loading | Next.js 13 tutorial
3. Next.js Data Fetching, Dynamic Routes & Metadata | Nextjs 13
4. Next.js 13 SSG, SSR & ISR | Nextjs 13 tutorial
5. Next.js Client Components | Build a Small Project with Nextjs 13
6. Next.js Blog Website | How to Build a Blog App with Nextjs 13
7. Next.js Route Handlers | API Routes in Nextjs 13
8. How to Build a REST API with Next.js 13
9. Next.js Middleware & Cors | Nextjs 13 tutorial
10. Revalidate with Next.js | On-Demand Revalidation in Nextjs 13
11. Mutating Data in Next.js | Mutations with Nextjs 13
12. Build and Deploy a Next.js Blog with Remote MDX Content Files and Nextjs 13
13. Next.js Full Course for Beginners | Nextjs 13 Tutorial | 7 Hours
14. Server Actions in Next.js | Nextjs 13 Server Mutations
15. How to Upload Images to a Server in Next.js | Nextjs 13
16. What is an Import Alias? And how to use them!
17. Build a Random Quote Machine with Nextjs, PlanetScale MySQL, & Drizzle ORM
18. Next.js - What is Cold Boot Duration / Lambda Cold Start?
19. Next-Auth Login Authentication Tutorial with Next.js App Directory
20. Next.js Role-Based User Authorization & Access Control | Next Auth Protected Routes
21. My Login Authentication & User Registration Setup for React & Next.js | Kinde Auth
22. Next.js Image Optimization with Image Component | Responsive Images
23. How to Use the Next.js blurDataUrl Images Prop with Plaiceholder
24. 🚨 Avoid useState for Modals & Dialogs
25. Next.js with React Testing Library, Jest, TypeScript
26. 🤯 NEVER Guess React Event Types Again!
27. Testing a Next.js App with React Testing Library & Jest
28. 😲 I Was WRONG About Next.js Client Components
29. How to Mock a REST API Server for Testing with Jest & React Testing Library
30. Next.js Project Example with Discussion
31. Next.js MISTAKE is 👀 Easy to Make!
32. Non-Serializable Props in Next.js
33. What is ISR in Next.js? 🤔
34. Next.js Auth in Under 60 Seconds 🏁
35. Next.js Dark Mode with No Flicker + Tailwind CSS
36. Next.js is NOT all JavaScript
37. The Problem with Next.js
38. Next.js Reports tutorial with Microsoft Excel
39. Don't Make These Next.js Mistakes
40. Why I Don't Use Next.js Server Actions to Fetch Client-Side Data
41. Build Your UI Component Library in React & Next.js | ShadCN UI for Beginners
42. Your Developer Portfolio NEEDS a Project like THIS
43. Build an AI RAG Application with LangChain & Next.js
44. Next.js Template vs Layout with Page Transition Animations
45. Next.js 15 Fixes Caching Issues | Nextjs Default Cache Changes
46. 🚨 STOP Using Auth in Next.js Layouts
47. NextJS Parallel Routes Explained with a Simple Example
48. Next.js Modal with Parallel & Intercepting Routes, shadcn/ui Dialog
49. Next.js Modal Form w/ React-Hook-Form, ShadCN/ui Dialog, Server Actions & Validation
50. Nextjs Server Actions Just Got Better
51. Toast Notification Patterns with Next.js Server Actions and next-safe-action
52. Why You Should Use TypeScript Generics with react-hook-form
53. Drag and Drop in React - the missing example
54. Fetch Data at Intervals in Nextjs with this Custom React Hook
55. Optimize Your Code! 🔥 How I Optimized Drag n Drop Form Inputs

Advantages and disadvantages

Some points apply to every course of this kind; see how we rank.