Продвинутый Full-stack todo-list на Nest.js + Next.js | Часть 1
Вставка
- Опубліковано 28 вер 2024
- Гитхаб: github.com/jihnordraven/courses-todo-list
Моя инста: antondeulia
Телеграм канал: t.me/antondeuliaa
Первая часть курса создания фуллстак туду-лист приложения на Nest.js + Next.js.
В первой серии мы успели создать проект, подключить его к гитхабу, запустить локальную postgresql базу данных, подключить её к проекту с помощью Prisma и сделать базовые CRUD операции c задачами.
В следуюющих видео мы доработаем функционал управления задачами, реализуем аутенфикацию пользователей с помощью jwt и подключим протоколо google oAuth, научимся кешировать данные с Redis, рассылать e-mail пользователям и многое другое, поэтому дальше - интерессней!
"Открыли папочку, посмотрели, испугались и закрыли папочку" - 😂 Спасибо за Nest без воды и настроение.
Спасибо за видео!
Будет круто если добавиш в приложение платежную систему
Платежную систему в туду лист?)
Хм, хорошая идея, можно для практики реализовать платную подписку даже в туду листе)
Спасибо за видео.Возможно ли сделать SSR без NextJs.А изпользовать чистій реакт в связке с вебпаком?
Возможно, в чистом реакте тебе самому нужно создавать сервер на реакте (через express) и с ним работать, сам такое никогда не реализовывал, и никому бы не советовал, когда есть готовое решение на Next.js.
Интерессно, а зачем тебе такой подход? Современные проекты пишуться на Нексте, старые на него переходят, реакт уже считается легаси, и если тебе нужен SSR то просто нет смысла не использовать Next js
@@AntonDeulia спасибо за ответ.Да вообщем то не нужен,просто когда писал учебное приложение на реакт + експресс,и не знал о Нексте,столкнулся с проблемой что нужно была некоторые старницы рендерить на сервере для секурити(было что то типо админки).Это небольшой проект для обучения,так что впринципе все равно.
броу привет, а скажи вообще по времени как вникать в next, помню писал еще на 13 сейчас 14, логику надо разделять какую ту с сервером, было бы классно если показал реальные кейсы когда что юзать
Да, на next js теперь можно писать бекенд и фронтенд в одном проекте, но это опционально, и вообще это не очень хороший подход даже для маленьких приложений. Лучше использовать классический монолит, отдельно фронтенд на Next js и отдельно бекенд монолит или микросервисы.
Тоисть на Next советую писать только фронт часть, по сути с того же реакта или более старых версий мало что поменялось, единственное во что нужно вникнуть это SSR.
Сегодня выйдет вторая серия по jwt и google аутенфикации, а Next js будет чуть позже, объязательно постараюсь показать разные кейсы 👍
@@AntonDeulia ну я в общем про next какие на сервере компоненты а какие на клиенте
@@MrEmil-cf8wo Если вкратце, в серверных компонентах мы получаем данные с бекенда и отрисовываем их (как результат все данные генерируются на сервере Next что улучшает SEO сайта), а в клиентских компонентах мы обрабатываем действия пользователя (например нажатие на кнопку и дальнейший запрос на бек)
В серверных компонентах у нас есть полный набор Node.js функций и возможность использовать асинхронность, а в клиентских компонентах у нас есть доступ к апи браузера.
Спасибо за вопрос, я разберу подробнее эту тему когда дойдем до некста)