Nuxt 3 Full Course – Learn NuxtJS from Scratch (Step by Step) { Part 1 }

Try PrismaPostgres from here 👇👇 https://www.prisma.io/?via=programmin... ------------------------------------------------------------------------------- Part 2 👉👉    • Nuxt 3 Full Course – Learn NuxtJS from Scr...   Everything you need to know about Nuxt 3. Ready to take your web development skills to the next level? In this comprehensive Nuxt 3 Full Course, you'll learn how to build blazing-fast, full-stack, SEO-friendly web apps from scratch using Nuxt 3, Vue 3, Tailwind CSS, Prisma, Supabase, and Stripe. This is a complete roadmap to becoming a Nuxt JS professional. We’ll guide you from the basics all the way to advanced topics like: ✅ File-based routing, layouts & middleware ✅ Data fetching with useFetch() & useAsyncData() ✅ State management with Pinia ✅ Error handling, server-side rendering & Nitro API routes ✅ Authentication with Supabase ✅ Testing & deployment ✅ And much more... 👨‍🏫 Taught by Noor Fakhry, founder of Programming Fluency. ------------------------------------------------------------------------------------------------ Give this video a Like 👍👍 and Subscribe to the channel. Materials and References:👇 GitHub Repository (give it a star ⭐)https://github.com/Programming-Fluenc... 💻 Join our Discord Community:   / discord   🤝 Business Inquiries: [email protected] Course Sections: 👇 00:00:00 - Intro 00:09:05 - How to succeed in this course 00:14:02 - Course outlines 00:17:31 - Tools used in this course 00:22:17 - NuxtJS Conceptually 00:26:26 - NuxtJS Technically 00:42:53 - What is Rendering 00:46:45 - SSR vs CSR 00:52:45 - How CSR and SSR work 00:58:23 - Coding example on SSR 01:01:10 - What do we mean by more control in CSR 01:03:40 - Universal Rendering 01:07:56 - Upcoming sections plan 01:09:11 - Setting up any Nuxt project 01:13:18 - Useful Extensions 01:16:35 - Configuration 01:18:37 - Nuxt Devtools 01:23:32 - app.vue file 01:24:53 - coding exercise 01:28:07 - Components 01:30:42 - Coding exercise 01:34:54 - Pages 01:43:28 - Coding exercise 01:46:26 - Route Groups 01:51:40 - Navigation 01:59:43 - Coding exercise 02:01:30 - Route Parameters 02:10:31 - $route 02:11:39 - Catching all routes 02:14:37 - Coding exercise 02:19:14 - Route middleware 02:50:23 - Route validation 02:53:45 - Layouts 03:07:10 - Lazy Loading 03:03:15 - Assets 03:18:42 - Styling 03:29:23 - SEO & Metadata 03:37:48 - Transitions 03:42:36 - Data Fetching 03:45:17 - useFetch() 03:49:45 - Dynamic URLs 03:56:07 - De-Duplicating Fetch Requests 04:08:13 - Adding a base URL 04:09:46 - POST Request 04:11:41 - PUT Request 04:12:57 - PATCH Request 04:14:26 - Adding query or params 04:20:29 - Avoid fetching data on the server 04:27:17 - Lazy option 04:31:07 - immediate option 04:33:22 - default option 04:35:23 - transform option 04:37:05 - pick option 04:38:19 - watch option 04:43:28 - getCachedData option 04:49:00 - deep option 04:57:07 - Return Values 05:02:17 - Coding exercise 05:20:11 - $fetch() 05:24:51 - useAsyncData() 05:33:36 - useState() 05:38:22 - Shared State 05:41:01 - Creating a shared State Composable 05:44:07 - shallowRef State 05:47:48 - Coding exercise 05:56:17 - Error Pages 06:01:12 - createError() 06:09:36 - clearError() 06:12:50 - The server directory 06:17:47 - Server Routes 06:20:38 - Server Route Parameters 06:24:45 - Catching all routes on the server-side 06:27:20 - Body Handling 06:32:38 - Query Parameters 06:34:38 - Matching HTTP Method 06:47:40 - Server Middleware 06:51:04 - Runtime Config and .env file 07:00:21 - Request Cookies 07:01:51 - Sending Redirect 07:03:52 - Why Testing is very important? 07:06:58 - Adding all test utilities and libraries 07:13:08 - Using Vitest 07:23:19 - Using Vue Test Utilities 07:32:08 - Using Nuxt Test Utilities 07:35:33 - What is Auth 07:36:57 - What is supabase? 07:38:14 - Auth with supabase 07:41:43 - Establishing the connection between our Nuxt app and Supabase 07:47:49 - Allowing users to Register to our Nuxt App using Supabase 08:01:10 - Allowing users to Logout from our Nuxt App using Supabase 08:06:12 - Allowing users to Login to our Nuxt App using Supabase 08:11:49 - Allowing users to Login with their Google or GitHub Accounts 08:22:11 - Running the production build locally on your computer 08:25:32 - Deploying any Nuxt App to the Internet