Фуллстак Приложение на Next.JS 16, TypeScript, Server Actions, Postgres | 7+ часов

В этом проекте я показал, как сделать фуллстак приложение на Next JS 16, TypeScript, Postgres и использование новых Server Components из React 19, Серверные компоненты(Server Components), actions Next.JS, аутентификация, регистрация. https://t.me/maximroslow 🌐Сайт с проектом: https://maxroslow.ru 💾 Проект: https://react.maxroslow.ru/projects/n... 💻 Github репозиторий: https://github.com/brian7346/next-js-... Что использовалось: 🛠️ Next.js 16 💾 Typescript ⭐️Server Actions 🎨 useActionState ↩️ Next Auth 🤝 Docker 🧰 Docker Compose 🔐 База данных Postgres из Docker 🌐 React 19 💅 Shadcn 💼 Почта: maxim.roslow@gmail.com Таймкоды: 0:00 — Демо проекта 4:27 — Что требуется установить 5:57 — Слайды 20:53 — Инициализация проекта Next.js 26:22 — Установка библиотеки shadcn 34:57 — Компонент Typography 41:04 — Инициализация ORM Prisma 59:06 — База данных Postgres 1:07:44 — Seed базы данных 1:17:59 — Создание Prisma client 1:19:33 — Страницы логина и регистрации 1:28:35 — Регистрация пользователя 1:48:48 — Настройка Next Auth 2:04:46 — Вход на сайт через логин 2:19:35 — Защита приватных страниц 2:30:40 — Шапка и главная страница 3:03:42 — Таблица с компонентами 3:49:37 — Модальное окно добавления компонента 4:07:26 — Получение компонентов в модальном окне 4:20:40 — Модальное окно сохранения сборки 4:39:31 — Сохранение сборки в базу данных 5:06:12 — Страница сохранённых сборок 5:34:50 — Удаление и публикация сборки 5:53:04 — Страница с публичными сборками 6:11:06 — Редактирование сборки 6:34:41 — Популярные сборки 6:51:16 — Деплой на VPS