This lesson is for members. Join us?
Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!
Create a New Page for Tasks with Database Migration, Seed and Types
The Composition API Masterclass is coming soon!
Sign-up for the Vue.js Masterclass 2024 Edition.
In this lesson, we'll put everything we learnt together and create a new page for tasks. We’ll start by designing the table schema and generate TypeScript types for it. Then, we'll write a seeding function to populate the table with some sample data in our Supabase database. We'll also introduce the concept of database relationships, exploring how tasks can belong to a single project and a project can have many tasks. Finally, we'll create a new page in our Vue.js project to query the database and display all tasks.