Главная
Study mode:
on
1
Introduction
2
Project walkthrough
3
Project setup
4
Supabase setup/creation
5
Navigation
6
Supabase authentication introduction
7
Register & Login layout’s
8
Registering user
9
Loggin in a user
10
Storing user in state/store
11
Conditional rendering (nav links)
12
Create workout layout
13
Create workout functionality
14
Sending workout data to supabase
15
Enabling supabase policy’s
16
Retrieving all data from supabase
17
Home layout
18
Retrieve specific data from supabase
19
View workout layout
20
View workout functionality
21
Page / View titles
22
Route guarding
23
Deploy to Heroku
Description:
Build a comprehensive workout tracker application with authentication using Vue.js 3's composition API and Supabase in this detailed video tutorial. Learn to set up the project, implement Supabase authentication, create navigation, design register and login layouts, manage user state, and develop workout creation functionality. Explore how to send and retrieve data from Supabase, enable policies, and create various layouts including home and view workout pages. Master conditional rendering, route guarding, and finally deploy the application to Heroku. Access the source code and live demo for hands-on practice, and follow along with the step-by-step guide covering everything from project setup to deployment.

Vue 3 & Supabase - Workout Tracker App

Traversy Media
Add to list
0:00 / 0:00