В этом курсе ты построишь с нуля современное веб-приложение на Next.js 16 с использованием App Router, Server Actions и React-хуков, создавая реальный проект — конструктор сборок ПК.
Мы пройдем путь от базовой настройки Docker‑окружения и Prisma ORM до построения UI‑компонентов на shadcn/ui и интеграции функций взаимодействия с пользователем.
Что ты создашь
Приложение “Сборщик ПК”, где пользователи могут:
- Зарегистрироваться и авторизоваться
- Добавлять и редактировать собственные сборки ПК
- Сохранять, публиковать и удалять сборки
- Просматривать все опубликованные сборки сообщества
- Ставить лайки другим сборкам
- Видеть топ‑3 популярных сборки по количеству лайков
Технологии курса
- Next.js 16: App Router, Server Actions, Client & Server Components
- React: хуки
useActionState,useTransition, работа с формами - Prisma ORM: настройка моделей и взаимодействие с PostgreSQL
- Docker: контейнеризация базы данных
- shadcn/ui: современные UI‑компоненты для удобного интерфейса
- Proxy‑сервер и server‑client взаимодействие для безопасной работы с данными
Чему ты научишься
- Правильно структурировать приложение на App Router
- Использовать Server Actions для работы с сервером без API‑маршрутов
- Подключать и настраивать ORM Prisma в Next.js‑проекте
- Развертывать и управлять базой данных PostgreSQL через Docker
- Создавать отзывчивый интерфейс с shadcn/ui
- Управлять состоянием форм и асинхронными действиями с помощью React‑хуков
- Деплой на VPS
Продолжительность
Более 6 часов практического материала с подробными объяснениями и живым кодингом.
Для кого этот курс
Для разработчиков, знакомых с базами Next.js и React, которые хотят:
- Научиться использовать современные серверные возможности Next.js 16
- Освоить Docker + Prisma + Postgres на реальном проекте
- Улучшить понимание архитектуры full‑stack приложений
- Создать красивое и функциональное портфолио‑приложение