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

• This lesson branch on Github
• Supabase - Belong To Schema
• Supabase - New Migration
• Supabase - Database Seeding
• Supabase - TypeScript Support