Bank Accounts CRUD - Read data | React Query
Description: π 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: https://github.com/CodeWithOsvaldas/finance-dashboard/
π 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](https://youtu.be/hoIw566xFE0) 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 https://www.youtube.com/watch?v=XVnts_IkbdA
Part 2: Next.js navigation https://www.youtube.com/watch?v=BimSNUOHmXg
Part 3: Auth0 integration https://www.youtube.com/watch?v=Qxfnix2S-yc
Part 4: Seeding PlanetScale Database with Prisma & Next.js https://youtu.be/2oknBqddlfE
Part 5: Shadcn UI with Next.js https://youtu.be/Qo24yV7tqBk
Part 6: Shadcn UI with React Hook Form https://youtu.be/gp56AzznxRs
Part 7: Save bank accounts https://youtu.be/hoIw566xFE0
Part 8: Read bank accounts https://youtu.be/wtdKRqqdqTI
Part 9: React Table Using shadcn/ui and TanStack https://youtu.be/NfNjj-pZV30
Happy coding! π»Β Close description
π»Project code on Github: https://github.com/CodeWithOsvaldas/finance-dashboard/
π 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](https://youtu.be/hoIw566xFE0) 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 https://www.youtube.com/watch?v=XVnts_IkbdA
Part 2: Next.js navigation https://www.youtube.com/watch?v=BimSNUOHmXg
Part 3: Auth0 integration https://www.youtube.com/watch?v=Qxfnix2S-yc
Part 4: Seeding PlanetScale Database with Prisma & Next.js https://youtu.be/2oknBqddlfE
Part 5: Shadcn UI with Next.js https://youtu.be/Qo24yV7tqBk
Part 6: Shadcn UI with React Hook Form https://youtu.be/gp56AzznxRs
Part 7: Save bank accounts https://youtu.be/hoIw566xFE0
Part 8: Read bank accounts https://youtu.be/wtdKRqqdqTI
Part 9: React Table Using shadcn/ui and TanStack https://youtu.be/NfNjj-pZV30
Happy coding! π»Β Close description
