NextJs course:Full Stack RemindApp ReactJs Typescript, React Hook form, ShadcnUI, TailwindCSS
Discord server: https://discord.gg/Gc3ShuJrYE
Blog: https://medium.com/@barekliton
Donations: https://ko-fi.com/codewithkliton
Github: https://github.com/Kliton/fullstack_remindMe_youtube_video
Live demo: https://fullstack-remind-me-youtube-video.vercel.app/
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
Что делает видео по-настоящему запоминающимся? Наверное, та самая атмосфера, которая заставляет забыть о времени. Когда вы заходите на RUVIDEO, чтобы посмотреть онлайн «NextJs course:Full Stack RemindApp ReactJs Typescript, React Hook form, ShadcnUI, TailwindCSS», вы рассчитываете на нечто большее, чем просто загрузку плеера. И мы это понимаем. Контент такого уровня заслуживает того, чтобы его смотрели в HD 1080, без дрожания картинки и бесконечного буферизации.
Честно говоря, Rutube сегодня — это кладезь уникальных находок, которые часто теряются в общем шуме. Мы же вытаскиваем на поверхность самое интересное. Будь то динамичный экшн, глубокий разбор темы от любимого автора или просто уютное видео для настроения — всё это доступно здесь бесплатно и без лишних формальностей. Никаких «заполните анкету, чтобы продолжить». Только вы, ваш экран и качественный поток.
Если вас зацепило это видео, не забудьте взглянуть на похожие материалы в блоке справа. Мы откалибровали наши алгоритмы так, чтобы они подбирали контент не просто «по тегам», а по настроению и смыслу. Ведь в конечном итоге, онлайн-кинотеатр — это не склад файлов, а место, где каждый вечер можно найти свою историю. Приятного вам отдыха на RUVIDEO!
Видео взято из открытых источников Rutube. Если вы правообладатель, обратитесь к первоисточнику.