The Vue.js Master Class 2024 Edition
Plans from $25/month

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

🚧 PLEASE NOTE: This masterclass is built with the Options API
vuejs-masterclass

The Composition API Masterclass is coming soon!

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