Весь современный стек в одном видео! | Блок сайт на Nest.js, Next.js и FSD

Сообщество Evolution Community https://paromovevg.ru/evolution-community со всеми моими курсами Исходники: https://github.com/EvgenyParomov/block-list Мой telegram канал: https://t.me/cleanfrontend В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий: Сервер мы реализуем с использованием: Node.js, Nest.js, Prisma, PostgreSQL, Swagger Админку напишем на: React, Next.js, FSD архитектура, @tanstack/react-query, tailwindcss, react-hook-form, orval Расширение напишем на: React, Vite, FSD архитектура, @tanstack/react-query, tailwindcss, orval 00:00:00 0.1 Что в результате получится 00:01:18 0.2 Что будет в видео 00:03:36 0.3 Для кого будет полезно 00:04:24 0.4 Как изучить глубже 00:06:39 1.1 Начинаем делать бек 00:07:54 1.2 Почему Nest.js 00:11:19 1.3 Как работают декораторы в Nest.js 00:16:02 1.4 Что такое Prisma 00:19:13 1.5 Инициализация проекта 00:20:53 1.6 Настройка swagger 00:29:03 1.7 Настройка базы данных 00:38:10 1.8 Авторизация на JWT и Cookies 01:20:57 1.9 Валидация 01:23:34 1.10 Account module 01:38:14 1.11 Block-list module 02:06:55 1.12 Архитектурный комментарий 02:16:55 2.1 Начинаем делать фронт 02:17:51 2.2 Почему Next.js 02:27:44 2.3 Что такое FSD 02:36:27 2.4 Что такое react-query 02:39:58 2.5 Почему tailwindcss 02:46:59 2.6 Инициализация проекта 02:52:37 2.7 Генерация Api с использованием Orval 03:08:48 2.8 Поключаем react-query 03:13:50 2.9 Разработка Uikit 03:48:55 2.10 Фича: Авторизация, регистрация 04:40:31 2.11 Фича: Переключение блокировки 04:56:46 2.12 Фича: Блок лист 05:34:08 2.13 Как изучить FSD глубже 05:34:42 2.14 Каюсь 05:37:20 3.1 Начинаем разработку расширения для chrome 05:40:03 3.2 Как устроены chrome расширения 05:43:25 3.3 Как мы будем синхронизировать расширение и админку 05:47:23 3.4 Разработка расширения