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

Сообщество Evolution Community https://paromovevg.ru/evolution-commu... со всеми моими курсами



Исходники: https://github.com/EvgenyParomov/bloc...

Мой 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 Разработка расширения