Next.js14 Full-stack app ServerActions/Prisma/Typescript
What you'll learn
- Створити проект на NextJS та налаштувати його з БД Prisma та UI бібліотекою ShadCn.
- Освоїти роботу з локальною базою даних у Prisma: від створення до редагування моделей.
- Вивчити Server Actions у NextJS та створити динамічні форми.
- Навчитися взаємодіяти з базою даних, додаючи, видаляючи та витягуючи дані.
- Інтегрувати дані між двома моделями, створюючи, відображаючи та видаляючи записи.
Requirements
- У цьому курсі ви вивчете все, що потрібно для Full-stack розробки.
Description
Що ви дізнаєтеся від цього курсу?
На протязі 10 захоплюючих уроків ви отримаєте глибокі знання та практичні навички з розробки Full-stack веб-додатків з використанням найновіших технологій, таких як NextJS 14, Prisma та TypeScript. Ви зможете створити потужний веб-додаток, який працює з базою даних Prisma, використовуючи елегантний UI від ShadCn.
Чому саме цей курс?
Практичний досвід: Ви не тільки ознайомитесь із теоретичними аспектами, але й отримаєте реальний досвід розробки від розробника з багаторічним досвідом.
Сучасні технології: Курс покриває найновіші технології, що дозволить вам бути у курсі останніх тенденцій у світі веб-розробки.
Професійний розвиток: Отримайте глибокі знання щодо створення динамічних форм, роботи з базою даних, використання Server Actions у NextJS, та багато іншого.
План курсу:
Старт проекту та налаштування оточення:
Створення проекту NextJS
Завантаження бібліотеки ShadCn UI
Підготовка проекту до роботи
Створення локальної БД Prisma:
Створення БД у Prisma
Формування схеми та моделі БД
Редагування моделі БД
Робота з Server Actions у NextJS та UI:
Server Actions у NextJS (React)
Створення форм
Верстка з використанням ShadCn UI
Взаємодія з базою даних:
Створення нових записів
Видобуття даних
Тестування
Рефакторинг коду:
Уніфікація файлів
Вилучення даних із БД на сторінку:
Створення нової сторінки
Вилучення даних із БД
Автоматичне оновлення сторінки
Видалення даних із БД:
Функціонал по видаленню даних із БД
Динамічні Routes у NextJS:
Динамічні Routes
Використання <Link/> у NextJS
Інтеграція між двома моделями:
Створення записів з інтеграцією даних
Відображення даних із БД
Видалення записів
Відкрийте для себе світ Full-stack FE Development з нашим курсом. Приєднуйтеся вже сьогодні та рушайте шляхом до високоякісної веб-розробки!
Who this course is for:
- Junior/Middle Front-end Full-stack розробник.
Instructors
Я практикуючий FullStack розробник. Більше 2 років активного досвіду розробки на React/Next.
Більше 2 років ми з командою PROMOTICH_TEAM займаємося розробкою ігор на Unity, та іншими комерційними проектами.
Завжди працюємо за принципом використання найсучасніших підходів у технологіях. Беру активну участь у розвитку IT.
Більше 100000 переглядів на YouTube
Понад 20000 задоволених студентів
PROMOTICH TEAM - це команда розробників, яка вже більше 7 років займається створенням додатків та ігор під різні платформи. Ви можете знайти дуже багато сучасного контенту на наших онлайн курсах та прокачати свої знання по максимуму. Зараз ви вже зможете знайти курси по React, Unity, Blender та Next.
Долучайтесь до топового комьюніті та почнемо розвиватися разом!