Completed
- New Database & Role
Class Central Classrooms beta
YouTube videos curated by Class Central.
Classroom Contents
Build an Expense Tracker with Next.js, TypeScript, Prisma, Neon, and Clerk
Automatically move to the next video in the Classroom when playback concludes
- 1 - Intro
- 2 - Links & Docs
- 3 - Create Next App
- 4 - Layout File
- 5 - Neon Project Setup
- 6 - New Database & Role
- 7 - Neon SQL Editor Demo
- 8 - Prisma Setup & Schema
- 9 - User Model
- 10 - Transaction Model
- 11 - Generate Client & Migrate
- 12 - Database File
- 13 - Clerk Authentication Setup
- 14 - Header Component
- 15 - SignIn, SignOut & UserButton
- 16 - Save User To Neon Database
- 17 - Guest Component
- 18 - AddTransaction Component
- 19 - addTransaction Action
- 20 - Get & Validate User
- 21 - React Toastify Setup
- 22 - Save Transaction to Neon Database
- 23 - useRef To Clear Form
- 24 - Balance Component
- 25 - getUserBalance Action
- 26 - addCommas Utility Function
- 27 - Clerk Dashboard Users
- 28 - IncomeExpense Component
- 29 - getIncomeExpense Action
- 30 - TransactionList Component
- 31 - Transaction Type
- 32 - getTransactions Action
- 33 - TransactionItem Component
- 34 - Delete Button
- 35 - deleteTransaction Action
- 36 - Commas & Decimal Places
- 37 - Email/Password Test
- 38 - Vercel Deployment