Мой курс по FSD paromovevg.ru/courses/fsd 🙂
Исходники:
github.com/micro-course/core/...
Волшебный файлик: wonderful-deer-c82.notion.sit...
Мой telegram канал:
t.me/cleanfrontend
Это первое видео я в серии, где я на ваших глазах разработаю продукт с нуля, до заработка первых денег. Особенностью серии будет, что я не буду "срезать углы". Буду использовать FDS архитектуру, тестирование, CI/CD, и все самые актуальные на данный момент инструменты.
Полный стек проекта:
React, Next.js app router, FSD архитектура, postgresql, prisma, zod, @tanstack/react-query, react-hook-form, tailwindcss, shadcn/ui, next-auth, jest , @testing-library/react, playwright
00:00:00 - 0.1 О серии видео
00:01:36 - 0.2 Особенности проекта и меня
00:03:52 - 0.3 Стек проекта
00:08:10 - 0.4 Что будем делать в этом видео
00:11:02 - 1.1 Инициализация проекта
00:23:30 - 1.2 SSH важный ликбез
00:36:02 - 1.3 Загружаем код в репозиторий
00:39:22 - 1.4 Настройка VPS
00:44:56 - 1.5 Настройка пользователя и ssh ключей
00:51:49 - 1.6 Запускаем Next.js на сервере
00:58:37 - 1.7 Запускаем Next.js через pm2 в фоне
01:01:41 - 1.8 Настраиваем фаервол
01:03:38 - 1.9 Настраиваем nginx
01:10:47 - 1.10 Настраиваем https
01:15:21 - 2.1 Добавляем prisma в проект
01:25:25 - 2.2 Делаем пример работы с базой на fsd
02:04:16 - 2.3 Как будем работать с .env
02:07:17 - 2.4 Настраиваем staging для работы с базой
02:13:42 - 3.1 Добавляем jest в проект
02:21:59 - 3.2 Добавляем playwright в проект
02:31:40 - 4.1 CI: Добавляем запуск jest eslint на PR
02:42:23 - 4.2 CD: Настраиваем deploy на пуш в main
03:07:11 - 4.3 CI: Запускаем plawright после деплоя в staging
03:13:53 - 5 Настраиваем production
03:34:48 - 6 Настройка sentry
03:55:29 - 7 Путь фичи
1 июн 2024