NextJS ChakraUI Prisma Social Dashboard | Episode 6
NextJS ChakraUI Prisma Social Dashboard | Episode 6
Hey! In this episode we complete our index page with Post component, Delete and we implement Prisma on routes/api as well.
Enjoy!
#prisma #nextjs #devcontainer
Environment: TypeScript, Prisma, NextJS, PostgreSQL, VSCode remote container, ChakraUI, ARM64, Node16
Closed captions sponsored by Prisma. Get yours for free here: https://pris.ly/closedcaptions
Work with devcontainer: • Getting Started with VSCode devcontai...
I remind you that you can also work locally, devcontainer is not a must.
Mac users: don't forget to enable access to workspaces in Docker desktop in settings/resources/file sharing and add the /workspaces path.
Demo: • Social Dashboard New Tutorial Announc...
Episode 1: • NextJS ChakraUI Prisma Social Dashboa...
Episode 2: • NextJS ChakraUI Prisma Social Dashboa...
Episode 3: • NextJS ChakraUI Prisma Social Dashboa...
Episode 4: • NextJS ChakraUI Prisma Social Dashboa...
Episode 5: • NextJS ChakraUI Prisma Social Dashboa...
Timeline:
00:00 intro
01:30 Post Component
06:50 stay organised with Props
20:40 add Post component to index page
22:50 fix Navbar Avatar tooltip
27:50 Delete Button
35:35 delete route/api
37:35 fix post route for displaying delete
38:48 test delete button
40:00 ReadMore component preview