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

Try PrismaPostgres from here 👇👇
https://www.prisma.io/?via=programmingfluency
-------------------------------------------------------------------------------
Part 2 👉👉 https://youtu.be/R1wZhGlZcJ8

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-Fluency/Nuxt-3-Bootcamp
💻 Join our Discord Community: https://discord.com/invite/AgAKRtbXsp
🤝 Business Inquiries: noor.h.fakhry@gmail.com

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

Видео Nuxt 3 Full Course – Learn NuxtJS from Scratch (Step by Step) { Part 1 } канала Programming Fluency 🧑‍💻