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

Мой telegram канал:

В этом видео мы напишем браузерное расширение для блокировки сайтов с 0 за 7 часов. Будем использовать самый актуальный на 2023 год стек технологий:

Сервер мы реализуем с использованием:

Админку напишем на:

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

[biLLie_wiLLie]

ё...ушки-воробушки, чудо-чудное! Я ждал это видео) Отменю свидание с девушкой и буду смотреть вечером

[saprodan]

Кайфую от того, что такой полезный контент от опытного разработчика находится в свободном доступе. Евгений, огромное вам спасибо! Посмотрел некоторые моменты по теории, закончу курс по крестикам-ноликам и вернусь сюда за практикой👌

[vadim_romanov]

спасибо большое, очень приятно вас слушать и проходить этот курс

повторил все от и до, работает, было интересно

[kennyotsu]

Невероятно круто увидеть курс по стеку 1в1 с тем что сам использую, от фронта до бэка, подтяну знания и весь пайплайн! Огромное спасибо за материал, IMO лучший курс по фуллстек разработке на ру ютубе

[yanagaeify]

Вместо 3 команд на создание котроллера, модуля и сервиса, можно юзать:

npx nest g res block-list --no-spec

res = resource, просто сокращение как co = controller

Видео по кайфу, спасибо)

[reshetnkoff]

искал видео про разработку расширения. наткнулся на это видео. еще не посмотрел, но офигеть ты монстр. такой контент!

[PavelKhapaliuk]

Великолепно!
Отлично видео, кладезь информации. Буду впитывать максимально тщательно, до каждой строчки!

[bilbotea_bagins]

Огромное спасибо, было бы очень круто посмотреть что-нибудь от тебя про CI и тестирование, очень интересно посмотреть на твой подход к этим моментам

[edHansenJS]

Огромная благодарность за контент, сейчас заценим, автоматом лайк, ведь все предыдущие видео - это лучшее (одно из немногих), что случалось в этом сегменте на ру ютубе. Каждый день проверял телегу в ожидании этого видоса)

[glebexpo]

Спасибо Женя, пишу свой старт - твой канал помогает! взял твой курс по фсд))

[АндрейБ-пян]

как раз хотел изучать бек на необходимом минимуме для фронта а тут такое)) большое спасибо

[vladimirliankevich]

Спасибо за такой контент. Очень полезно и интересно. Есть моменты с которыми завис долго, но гугл помог. )

[MrBenemon]

Когда все успевать смотреть, омагат столько годноты 😱😱😱

[AndreyPovstyanko]

Мое почтение, выглядит шикарно, спасибо большое !

[Phoenix_coding]

О, насколько ценный материал подъехал

[yameme]

Делайте скорость 1.25 само то!). В целом супер! Большое спасибо!

[pink-doublethink]

Идея для тех кто будет смотреть и повторять. Закончив копировать код из видео, постарайтесь переписать функционал расширения под свои нужды. Только так вы получите опыт, а не просто чужой код, который работает.

[annaumi]

чел, ты просто огнище, материал и подача 🔥🔥🔥

[RowdyKGZ]

Лайк за работу, очень много работы проделана

[CyberGenius]

Кайфанул прям от просмотра. Подача материала приятная