Весь современный стек в одном видео!
Если вы интересуетесь современными технологиями разработки веб-приложений, то это видео для вас! Мы собрали все самые актуальные инструменты и фреймворки в одном месте, чтобы показать, как можно создать блок сайта на Nest.js, Next.js и FSD.
Что такое Nest.js, Next.js и FSD?
Nest.js – это фреймворк для построения масштабируемых серверных приложений на Node.js. Он предлагает модульную структуру, встроенную инъекцию зависимостей и мощную систему маршрутизации.
Next.js – это фреймворк для рендеринга реактивных приложений на стороне сервера. Он предоставляет возможность создания статических и динамических страниц, а также оптимизацию загрузки контента.
FSD – это методология Frontend, Serverless, Docker, которая объединяет лучшие практики разработки веб-приложений на фронтенде, бэкенде и инфраструктуре.
Что вас ждет в видео?
В видео мы покажем, как создать блок сайта на основе этих инструментов. Мы расскажем о принципах работы каждого из них, а затем продемонстрируем, как можно объединить и использовать их вместе для создания современного веб-приложения.
Почему это важно?
Понимание работы современных инструментов разработки веб-приложений поможет вам быть в курсе последних тенденций и использовать их в своей работе. Это также поможет вам улучшить свои навыки и стать более востребованным специалистом на рынке труда.
Где посмотреть видео?
Видео доступно на нашем YouTube-канале по ссылке: [ссылка на видео]. Не упустите возможность узнать о современном стеке разработки веб-приложений более подробно!
чел, ты просто огнище, материал и подача 🔥🔥🔥
спасиб за видео, очень помог с фронтом
Они плюнули и просто сожгли 13, сразу выпустили 14
Бэм нужен не только чтобы обеспечить уникальные имена классов, он нужен для представления логической структуры компонента, то есть из чего он состоит
Атомик классы это большая помойка в коде, не представляю, как можно их в таком виде юзать
В тейлвинде есть способ для собственных классов применять библиотечные, т.е. настраиваешь конфиг тейлвинда под верстку, но используешь не атомик классы, а пишешь свои и к своим уже применяешь готовые библиотечные
Всем селом будем ждать ролик про архитектуры!
Вместо 3 команд на создание котроллера, модуля и сервиса, можно юзать:
npx nest g res block-list –no-spec
res = resource, просто сокращение как co = controller
Видео по кайфу, спасибо)
наконец то дошло почему местами код не работал по части react query)) автор использует 4.35.7 версию, а у меня 5 версия)) в пятой вместо keepPreviousData: true теперь
placeholderData: (previousData, previousQuery) => previousData,
Очень круто!)) Спасибо
хотел бек тоже в докер закинуть, че то не смог подружить призму)) PrismaClientInitializationError: Can't reach database server at `db`:`5433`
4:34:54 у меня так получилось queryClient.removeQueries({ queryKey: ['session'] }) иначе ошибка))
42:54 разве не в единственном числе нужно писать user?
а почему формы – не виджеты?
Есть видео про авторизацию по access token и refresh token с чекбоксом запомнить, для смены времени жизни токена?
теперь можно с Zod контракты писать)
Кайфую от того, что такой полезный контент от опытного разработчика находится в свободном доступе. Евгений, огромное вам спасибо! Посмотрел некоторые моменты по теории, закончу курс по крестикам-ноликам и вернусь сюда за практикой👌
молодец хорошая подача , узнал много нового, но добавлю ложку дегтя )))) все тоже самое можно релизовать используя firebase поместится в одном файле я имею ввиду авторизацию…
спасибо
Невероятно круто увидеть курс по стеку 1в1 с тем что сам использую, от фронта до бэка, подтяну знания и весь пайплайн! Огромное спасибо за материал, IMO лучший курс по фуллстек разработке на ру ютубе
Идея для тех кто будет смотреть и повторять. Закончив копировать код из видео, постарайтесь переписать функционал расширения под свои нужды. Только так вы получите опыт, а не просто чужой код, который работает.
Всё очень круто. Сейчас смотрю часть про создание UIKit и Link из next экспортирует его пропсы. import Link, {LinkProps} from "@next/link";