Next.js setup: Деплой на VPS | Jest | Playwright | CI/CD | Sentry скачать в хорошем качестве

Next.js setup: Деплой на VPS | Jest | Playwright | CI/CD | Sentry

Мое ссобщество Evolution Community 🙂 Исходники: https://github.com/micro-course/core/... Волшебный файлик: https://wonderful-deer-c82.notion.sit... Мой telegram канал: https://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 Путь фичи