Fullstack приложение с нуля - Nest.js + PostgreSQL + React.js + TypeScript
Вставка
- Опубліковано 22 тра 2024
- Телеграм канал: t.me/vftuijgd
Чат для вопросов и общения: t.me/skillblog1
Исходники - сервер: clck.ru/iFBG2
Исходники - клиент: clck.ru/iFDjs
Макет: clck.ru/iF22N
PostgreSQL: clck.ru/TC53Z
NestJS: nestjs.com/
00:00 Интро
BACKEND
(02:35) Инициализация проекта nest js
(04:15) Hello World!
(09:10) Создание dto
(13:20) Установка sequelize
(14:45) Создание таблицы
(18:35) Service
(28:52) Controller
(39:00) Module
(42:45) Установка PostgreSQl
(49:55) Создание конфигурации
(1:07:31) Поднятие сервера
FRONTEND
(1:10:14) Инициализация проекта react typescript
(1:11:40) Hello World!
(1:14:00) Установка зависимостей
(1:14:16) Подключение стилей Bootstrap
(1:15:14) Todo Header
(1:18:40) Todo Form
(1:24:40) Todo Item
(1:38:40) Todo List
(1:43:25) Создание Todo
(1:51:15) Анимация
(2:13:34) Удаление Todo
(2:21:34) Получение всех Todo
(2:28:25) Завершение Todo
(2:42:20) Изменение Todo
(2:57:26) Создание Алерта
(3:19:20) Адаптив
(3:25:43) Аутро
QIWI Кошелек: qiwi.com/n/DARYR422
#nestjs #reactjs #postgres #postgressql #pgadmin #redux #reduxsaga #reactredux
коммент не просто для продвижения видоса , но и дабы отметить крутость курса , и отзывчивость автора )
Спасибо за видео! Приложение в одном ролике это то что нужно!
Большое спасибо за видео
очень качественный контент
Спасибо, полезно )))
Замечательное видео
На части как марафон лучше, пусть даже много, но если по 10-15 минут, которые быстро закрываются лично мне заходит лучше чем несколько часов
спасибо!👏👍
новое актуальнейшее видео
Первый в рунете красавчик
Хорошее видео!
Я не профессионал, но как у тебя получилось создать элемент массива, когда в todoRedecur перед возвратом элемента указан неопределенный элемент, я про {todo} 1:33:55.
Я конечно добавил оператор вопроса перед map, но это же не решение )
Я указал "return { todos: [...state.todos, action.payload] }" и все заработало на момент 1:48:20. Может есть решение дальше, не знаю, не смотрел пока не решил сам )
(branch: описание ошибок в консоли нас спасают :)
В одном ролике с тайм кодами. 🎉
бэк досмотрел. ещё раз спасибо за контент 🤝
есть видос как его деплоить?
хочу сделать такую штуку. задеплоить фронт на гит-хаб-пэйджэс и что бы он куда-то к бэку обращялся.
фронт уже сделал, пока замокал бэк, нужно теперь как-то разобратся с деплоем бэка....
0:20 делай как тебе удобнее, главные критерии это тайм-коды и ссылка на гит-хаб, дальше любой нормальный чел разберётся 😉
😄
@15:55 Почему бы не вызвать Таблицу? В чем разница ?
Судя по примерам из документации этот декоратор не нужно вызывать, скорее всего это потому, что он вызывается секвалайзом в момент развертывания сервера, но я могу ошибаться)
Если не сложно, выпустите проект со стеком react, redux, material ui (или Bootstrap), Node js, express, любая СУБД (можно без ORM) , и авторизация. Буду первый в списке донатеров.
Обязательно выпущу такой проект!
@@skillblog-web спасибо)) если не трудно, пните в камент, чтобы я увидел)
Привет, почему-то сервер не запускается: the logging-option should be either a function or false ?
Привет, эта ошибка говорит о том, что ты неправильно значение указал в конфиге для поля logging
@@skillblog-web я поставил как у тебя, потом просто false. Теперь эту ошибку не пишет. ERROR [SequelizeModule] unable to connect to the database
@@rigoremplasticsinnovates5143 тебе скорее всего не актуально, но людям пригодится - была такая же ошибка и она заключалась в том, что фаил .env лежал не в корне проекта.
почему у меня на 2:10:55 ошибка вообще не исправилась я вроде дальше сделал всё как у тебя, но ошибка эта не ушал?
Значит все таки что-то упустили
В описании есть ссылка на чат для вопросов и общения. Можете туда архив скинуть, я гляну что не так)
Спасибо за видео, но у меня не работает анимация, хотя все точно как у вас в видео делал, несколько раз сверял, новые дела появляются но без анимации
Можете по ссылке в описании перейти в чат телеграм. Там скиньте архив и я посмотрю )
Летим
хах, привет от Димыча?)
Не могу понять как уже избавиться от локалхостов и чтобы это всё было в сети..
Помогите пж
Можно задеплоить сервер на хероку. Я потом об этом ролик тоже сниму)
не хватает финальной части с выбором подходящего хостинга и запуска проекта в интернеты
Все ещё впереди 😁
can you make a video of how to deploy it ?
Yes, I plan to make a similar video)
Можете подсказать почему фронт разворачивается на JS а не на TS? Сделал всё как в видео
Заранее спасибо
Попробуй ввести команду npx create react-app --typescript
@@skillblog-web Я пользовался этой командой, но всё равно создаёт на JS, можно ли просто переименовать тип файла на tsx в этом случае?
Думаю, да, попробуй)
@@skillblog-web Не знаю почему, но сегодня после перезапуска та же команда сработала как надо. Огромное спасибо за видео, очень интересно и познавательно
20:20 в VS Code нет автоипорта?
в вэбшторме оч. хорошо работает 👍
Есть, но иногда приходится вручную 😅
где можно увидеть код?
В описании есть ссылки на гит репозиторий с кодом🙂
@@skillblog-web спасибо, проблема почему-то была с компа перейти, с телефона работает) неудобно, но лучше, чем никак)
@@user-gc4yi2tq6e Если не секрет, то в чем именно проблема, когда с компа переходите? 404 страницу показывает?
Жесть, уже в начале видео я понял, что мне не стать крутым разрабом никогда. Так много непонятного, ТС реально сложный
Это просто страхи) Главное не забрасывать учебу)
Это так и есть. Это решается только временем. 3-5 лет разработки чтобы стать норм разработчиком среднего уровня. Если ты молод, то норм.
бутстрап уже не актуален, в новых проектах юзай тайлвинд
заведи крипто-кошелёк, я на киви не могу тебе задонатить
по моим ощущениям от твоих видосов больше пользы чем от платных 👏
Целиком одно приложение в одном ролике лучше