NextJS ChakraUI Prisma Social Dashboard | Episode 3
NextJS ChakraUI Prisma Social Dashboard | Episode 3
Social Dashboard Episode 3 | Authentication Form, APIs
Hey! In this episode we start implementing the Authentication form and we write some api for retrieving/creating the user.
Enjoy!
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...
Timeline:
00:00 intro
00:40 index page logic
01:57 Forms as components
03:45 login state as hook
05:15 'me' api
05:46 prisma as Global
09:25 fetcher
11:13 hooks & SWR
15:06 adding another variable to dotfiles
22:14 implement the AuthForm
44:56 signup api/route
48:25 validate email function
57:40 testing the User creation
#prisma #nextjs #devcontainer