Vigyata.AI
Is this your channel?

Next.js Full Tutorial - Beginner to Advanced

413.9K viewsΒ· 8,233 likesΒ· 414:09Β· Feb 17, 2025

πŸ›οΈ Products Mentioned (2)

πŸ“˜ Frontend Interview Course - https://learn.codevolution.dev/ πŸ’Ύ Github - https://github.com/gopinav/Next.js-15-Tutorials πŸ“« Business - codevolution.business@gmail.com 00:00 Introduction to Next.js 04:09 Hello World 07:15 Project Structure 11:27 Before We Start 13:13 Routing 18:57 Nested Routes 21:50 Dynamic Routes 27:49 Nested Dynamic Routes 31:23 Catch-all Segments 37:32 Not Found Page 42:45 File Colocation 45:33 Private Folders 48:16 Route Groups 52:09 Layouts 56:33 Nested Layouts 01:00:25 Multiple Root Layouts 01:03:45 Routing Metadata 01:11:46 title Metadata 01:14:53 Linking Component Navigation 01:19:50 Active Links 01:23:41 params and searchParams 01:29:16 Navigating Programmatically 01:33:11 Templates 01:36:56 Loading UI 01:40:06 Error Handling 01:45:08 Recovering from Errors 01:47:55 Handling Errors in Nested Routes 01:49:59 Handling Errors in Layouts 01:52:06 Handling Global Errors 01:57:31 Parallel Routes 02:05:59 Unmatched Routes 02:12:15 Conditional Routes 02:14:52 Intercepting Routes 02:28:09 Parallel Intercepting Routes 02:33:44 Route Handlers 02:39:27 GET Request 02:42:17 POST Request 02:45:45 Dynamic Route Handlers 02:49:14 PATCH Request 02:52:18 DELETE Request 02:55:04 URL Query Parameters 02:57:58 Headers in Route Handlers 03:03:35 Cookies in Route Handlers 03:06:58 Redirects in Route Handlers 03:08:25 Caching in Route Handlers 03:12:44 Middleware 03:18:55 Rendering 03:20:15 Client-side Rendering (CSR) 03:23:28 Server-side Rendering (SSR) 03:28:17 Suspense SSR 03:34:44 React Server Components 03:41:14 Server and Client Components 03:47:27 Rendering Lifecycle in RSCs 03:50:57 Static Rendering 04:02:04 Dynamic Rendering 04:06:46 generateStaticParams 04:12:05 dynamicParams 04:15:39 Streaming 04:18:26 Server and Client Composition Patterns 04:19:28 Server-only Code 04:24:31 Third Party Packages 04:29:18 Context Providers 04:34:21 Client-only Code 04:38:31 Client Component Placement 04:43:20 Interleaving Server and Client Components 04:51:26 Data Fetching 04:52:55 Fetching Data in Client Components 04:57:02 Fetching Data with Server Components 05:01:16 Loading and Error States 05:04:09 Sequential Data Fetching 05:09:30 Parallel Data Fetching 05:15:20 Fetching From a Database 05:21:47 Data Mutations 05:24:54 Forms with Server Actions 05:30:43 useFormStatus Hook 05:34:14 useActionState Hook 05:41:04 Separating Server Actions 05:44:32 useFormStatus vs useActionState 05:46:03 Update Server Action 05:54:51 Delete Server Action 05:58:17 Optimistic Updates with useOptimistic Hook 06:04:30 Form Component 06:12:06 Authentication 06:14:26 Clerk Setup 06:17:19 Sign in and Sign out 06:20:18 Profile Settings 06:23:22 Conditional UI Rendering 06:24:52 Protecting Routes 06:28:45 Read Session and User Data 06:33:43 Role Based Access Control 06:44:49 Customizing Clerk Components 06:51:23 Deploying Next.js Apps

🎬 More from Codevolution