the-nuxt-3-bootcamp-the-complete-developer-guide

\ 0:00 Introduction to Nuxt and it’s Benefits 4:31 Client-Side vs Server-Side vs Universal Rendering 9:06 Pros and Cons of Client-Side and Universal Rendering 13:37 Course Prerequisite into Nuxt\ 16:44 App Overview 19:37 Creating a Nuxt App 22:53 Exploring the Boilerplate 27:28 Building the Boilerplate HTML 32:16 Styling Our App 41:34 Managing State 49:20 A Little Bit of TypeScript 1:02:22 Updating Our State After a Click Event 1:05:11 Adding the Names Array 1:13:04 Computing Names Based on Options 1:19:24 Creating the Name Cards 1:25:38 Working with Components 1:35:41 Passing Props to the Components 1:45:53 Computing the Class Names 1:53:27 Dealing with Nested Components 1:59:41 Emitting Events to the Parent Component and File-Based Routing\ 2:05:59 App Overview 2:10:41 Adding Bootstrap Globally 2:17:33 Creating the Landing Page 2:24:09 Adding Pages into Our App 2:30:24 Building the Restaurant Page 2:39:50 Adding the Restaurant Page Logic 2:50:50 Dynamic and Nest Routes 2:58:13 Extracting Path Parameters 3:07:08 Catching the Not Found Error Pages with Layouts\ 3:09:28 Defining the Default Layout 3:13:08 Creating a Custom Page Layout 3:21:38 Injecting Custom Elements to Layout Page Page Meta Data for Better SEO\ 3:32:09 Option 1 Using Components 3:38:52 Option 2 Using Composables State and Composables\ 3:42:16 App Overview 3:44:40 Approaches to State Management 3:51:33 Creating Our First Composable 3:57:42 Using the Compasable State 4:04:21 Mutating Our Global State Data and HTTP Requests\ 4:07:38 App Overview 4:12:14 Integrating Tailwind 4:20:24 Writing the HTML Structure 4:31:44 The Basics of HTTP Requests 4:35:50 The useFetch Composable 4:44:35 Refetching Data with useFetch 4:50:20 The useAsyncData Composable 4:58:29 Refetching Data with useAsyncData and Runtime Config\ 5:00:41 Storing Data in the Browser with Cookies 5:02:59 The useCookie Composable 5:07:57 Storing Runtime Configs 5:16:17 Error Handling a REST API\ 5:23:09 App Overview 5:26:18 Our Endpoints 5:28:35 Creating Our Server 5:35:35 GET Requests 5:41:26 POST Requests and Body 5:48:33 PUT & DELETE with Dynamic Endpoints 6:04:16 Error Handling 6:10:55 Building the HTML 6:19:14 Making POST, PUT, DELETE Requests From the Frontend 6:28:07 Organizing Code in Composable with Supabase\ 6:35:23 App Overview 6:38:48 Building the Authentication Card 6:51:29 Conditionally Displaying Signup or Signin Form 6:57:23 Creating a Supabase Account and Project 7:02:16 Connect Nuxt to Supabase Authentication\ 7:07:56 Implementing Signup Logic 7:20:19 Implementing SigninLogin Logic 7:26:08 Implementing SignoutLogout Logic 7:31:38 Handling Authentication Errors 7:35:52 Redirecting to Profile Page 7:43:17 Creating the Nav Component 7:52:44 Conditionally Render UI Elements Based on Auth Status 7:55:23 Protecting Routes with Middleware and Database Transactions\ 8:05:19 Creating the Note Form 8:16:01 The Basics of SQL 8:25:49 Saving Data to the Database 8:31:47 Accessing Data From the Database