Рет қаралды 617
🚀 Welcome to Part 8 of our Personal Finance Dashboard series! Today, we're diving into the Read (cRud) functionality. Learn how to create a Next.JS API route for retrieving bank accounts from the planet-scale database and fetch that data on the frontend using the powerful react-query useQuery hook.
💻Project code on Github: github.com/Cod...
🔍 In this video, we'll cover:
- Setting up the Next.JS API route for GET
- Implementing the react-query useQuery hook
- Retrieving and displaying bank account data
🔗 Don't forget to check out [the previous videos]( • Bank Accounts CRUD | P... ) in the series if you haven't already! Subscribe and hit the like button if you find the content helpful. Share your thoughts in the comments below!
Part 1: App setup with T3 stack • Setting up a Personal ...
Part 2: Next.js navigation • Next.js Navigation | P...
Part 3: Auth0 integration • Adding Auth0 Authentic...
Part 4: Seeding PlanetScale Database with Prisma & Next.js • Seeding PlanetScale Da...
Part 5: Shadcn UI with Next.js • Shadcn UI with Next.js...
Part 6: Shadcn UI with React Hook Form • Shadcn UI with React H...
Part 7: Save bank accounts • Bank Accounts CRUD | P...
Part 8: Read bank accounts • Bank Accounts CRUD - R...
Part 9: React Table Using shadcn/ui and TanStack • React Table Using shad...
Happy coding! 💻