The Vue.js Master Class 2024 Edition

Watch this course for FREE this weekend only.
Create an account to start watching.

or

Create a New Page for Tasks with Database Migration, Seed and Types

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.

Links