NextJs course:Full Stack RemindApp ReactJs Typescript, React Hook form, ShadcnUI, TailwindCSS
Live demo: https://fullstack-remind-me-youtube-v...
Source Code ( for patreon sponsors ⭐️): / discord
Discord server: / discord
Prisma ORM: https://www.prisma.io/?via=codewithkl...
Donations: https://ko-fi.com/codewithkliton
💼 Business Inquiries: work@klitonbare.com
How i record my intros: https://dub.sh/screenstd
In this video, you will learn how to build a full stack reminder app using React, NextJs, Typescript, ServerActions, Zod, Hook-form, Prisma, and Tailwind. You will see how to use these technologies to create a modern and responsive web application that allows users to create reminders. You will also learn how to use ServerActions to handle server-side logic, Zod to validate data, Hook-form to manage forms, Prisma to interact with a database, and Tailwind ( and shadcn/ui ) to style your components. By the end of this video, you will have a complete understanding of how to use these tools and frameworks to create a full stack reminder app.
00:00:00 Intro
00:00:47 Project setup
00:01:36 Setup authentication
00:06:09 Base layout
00:06:47 Add shadcn/ui
00:07:41 NavBar and Logo
00:10:22 ThemeSwitcher
00:17:10 Page layout and server components
00:24:34 Add Prisma ORM
00:28:00 Collection
00:36:39 Install react-hook-form and zod
00:36:59 Collection form and server action
01:02:05 CollectionCard
01:17:46 Task model and server actions
01:21:31 Create task dialog
01:34:53 Task card
01:42:13 Progress bar
01:43:58 Checks
01:44:44 End
On this page of the site you can watch the video online NextJs course:Full Stack RemindApp ReactJs Typescript, React Hook form, ShadcnUI, TailwindCSS with a duration of hours minute second in good quality, which was uploaded by the user Kliton Bare 28 August 2023, share the link with friends and acquaintances, this video has already been watched 29,705 times on youtube and it was liked by 963 viewers. Enjoy your viewing!
