\
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