Тёмный

ДЕПЛОЙ FULL-STACK React приложения. Настройка NGINX. 

RED Group
Подписаться 66 тыс.
Просмотров 12 тыс.
50% 1

🔥 Оформить премиум подписку - htmllessons.ru/premium?...
❤️ Отзывы тут - t.me/htmllessons_reviews
Размещайте свои проекты на доступных серверах Vscale: slc.tl/2zbgt
Реклама. ООО “Селектел”, ИНН 7842393933. ERID: 2Vtzqve5Vai
Поддержи видео лайком, 1500 лайков 👍 и я делаю новое видео!
Скачать 🖥 инструкцию - t.me/redgroupchannel
Как задеплоить приложение это один из самый задаваемый вопросов в программирований. В этом видео мы расскажем о том как задеплоить fullstack приложение на облачном vps сервере. А также продемонстрируем вам процесс деплоя приложения, покажем как подготовить ваше приложение к выкладыванию, настроить сервер для приема и обработки запросов, шаги по загрузке и установке приложения на сервере. Мы будем использовать такие инструменты как Nodejs, Ngnix, Prisma, Postgresql, pm2 и тд. Вы узнаете о лучших практиках и инструментах для успешного деплоя приложения и сможете легко повторить процесс на своем собственном проекте и научитесь тому как правильно использовать инструменты для деплоя, как привязать домен к хостингу и как запускать приложение на сервере. Приятного просмотра!
⚡️ Список интенсивов по подписке - htmllessons.ru/list-intensive...
🔐 МК по авторизации (все исходники и запись доступны навсегда!) - t.me/red_master_class_bot
☑️ Чеклист "С нуля до Senior front-end" - t.me/checklist_redgroup_pay_bot
VK - redgroupchannel
✨Скачать настройку VS Code - get.redlinks.tech/s/7hEUp1j
🎹 Клавиатура - NuPhy Halo65 / switch Night Breeze
Если есть какие то вопросы по этой теме - дай знать в 💬 комментариях!
00:00 - Начало
04:09 - Создание сервера
08:05 - Подключение к серверу
09:05 - Рутовый пользователь
10:46 - nvm, node, npm
12:22 - Git pull and push
19:05 - База данных
21:17 - Env и установка зависимостей
25:15 - pm2
28:45 - Nginx настройка
35:18 - Тестируем опубликованный проект
37:58 - Итоги видео
👇 Полезные видео:
Настройка vs code - • Полный курс по настрой...
Настройка webstorm - • Настройка, которая сде...
Настройка терминала - • Настройка терминала 20...
⚡️Закрытый клуб "5 утра" - htmllessons.ru/ext/club
💡 Личный ТГ канал - t.me/hardmaxchannel
🌿 Плейлист с полными курсами для новичков и не только - • Полные курсы
👉 Все ссылки (+ настройка редактора) и информация обо мне - redlinks.tech/
#nginx #pm2 #fullstack #RedGroup

Опубликовано:

 

9 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 69   
@REDGroup
@REDGroup 4 месяца назад
🔥 Оформить премиум подписку - htmllessons.ru/premium Поддержи видео лайком, 1500 лайков 👍 и я делаю новое видео! Скачать 🖥 инструкцию - t.me/redgroupchannel
@user-fv6uf8gt2r
@user-fv6uf8gt2r 4 месяца назад
Нужен видос по оптимизации, ребята, ставьте лайк, что бы макс увидел! Очень интересная тема 🎉🎉
@burakku9038
@burakku9038 4 месяца назад
Было бы круто увидеть ролик по оптимизации. Но было бы неплохо увидеть вместе с этим профилирование как фронта так и бэка, чтобы увидеть как изменяются метрики
@goodvinsk8
@goodvinsk8 4 месяца назад
Супер! Спасибо большое!
@user-fq6sh6jh6s
@user-fq6sh6jh6s 4 месяца назад
Макс, спасибо за такое подробное видео!
@vladislavt9864
@vladislavt9864 4 месяца назад
Классное видео, но хотелось бы через докер запускать и приложения и nginx, думаю это в какой то мере даже проще, и встречается сейчас чаще чем pm2.
@REDGroup
@REDGroup 4 месяца назад
Тут главно понять основы, докер все тоже самое только проще
@paltseveugeny
@paltseveugeny 4 месяца назад
Видос огонь. Это один из немногих каналов, где видно, что автор горит своим делом и его очень интересно слушать! Продолжай в том же духе!
@REDGroup
@REDGroup 4 месяца назад
Спасибо, продолжаем
@yeager6646
@yeager6646 4 месяца назад
Какую тему используете в vs code?
@LoadinG093309
@LoadinG093309 4 месяца назад
Раньше все время смотрел твои видосы, теперь нашел работу и на это уже не так много времени, по этому залетаю чисто жмакнуть лойс за старание!!
@REDGroup
@REDGroup 4 месяца назад
Удачи на новой работе! Спасибо
@catweb666
@catweb666 2 месяца назад
Класс. Очень давно искал
@disaythis362
@disaythis362 4 месяца назад
Подскажи есть ли у тебя на площадке или ютубе что-то про то, как пишутся высоко нагруженные сервисы на nest?
@user-np2nj6bk6u
@user-np2nj6bk6u 4 месяца назад
Очень приятно видеть свой скриншот на видео ❤ Макс караса 🚀🚀🚀
@user-yz9mu4dv3r
@user-yz9mu4dv3r 4 месяца назад
ЛЕГЕНДА ПРОСТО!!!!
@TamikMachine
@TamikMachine 4 месяца назад
Все как и всегда, выше всяких похвал💯
@REDGroup
@REDGroup 4 месяца назад
Спасибо
@ch1cha_gl591
@ch1cha_gl591 4 месяца назад
Большое спасибо, летом пытался сам, не получилось, а тут с первого раза без единой ошибки все заработало
@devcodingitstudio2764
@devcodingitstudio2764 4 месяца назад
Топчик!
@igorgrekhov4810
@igorgrekhov4810 2 месяца назад
Видео пушка. Респект автору!
@pythonq1060
@pythonq1060 4 месяца назад
Какую тему используешь в va code?)
@NICRYDO
@NICRYDO 4 месяца назад
Макс сделай видео на тему "Правильная структура в проекте | Архитектура в NextJS приложениях"
@REDGroup
@REDGroup 4 месяца назад
Узкие темы больше не беру. Но в полном курсе по реакт разберем эту тему
@user-fv6uf8gt2r
@user-fv6uf8gt2r 4 месяца назад
огонь, комментарий для продвижения!!!
@MrChesy47
@MrChesy47 4 месяца назад
Королевич!!! Спасибо ! Давай видос по оптимизации !❤🎉❤
@andd847
@andd847 2 месяца назад
То что надо. Я как раз деплоил свое приложение!
@user-qg1iv9xq6h
@user-qg1iv9xq6h 4 месяца назад
Очень интересный ролик
@user-ow1cx9xc9g
@user-ow1cx9xc9g 4 месяца назад
Привет Макс видео как всегда топ Спасибо за контент💪💪👍👍. Макс что ты думаешь будет ли спрос на рынке труда в будущем на веб-программистов ? И спасибо за ответ.
@user-ej4qk8xw7v
@user-ej4qk8xw7v 9 дней назад
фаервол не нужно хотя бы включать на бубунте?
@user-bn7dl6en6n
@user-bn7dl6en6n 4 месяца назад
подскажите пожалуйста,как сделать миграцию,если я использую sequalize,не могу понять,у себя я использовал имя postgre и база данных имела другое название в отличии от той,которую на сервере создал,как мне правильно перенести базу данных? Сижу ищу информацию по этой теме...Макс,РЕСПЕКТ!!!
@dimitriigoshev525
@dimitriigoshev525 3 месяца назад
Зачетное видео! Только докера не хватает для полного счастья)
@timskot7483
@timskot7483 4 месяца назад
Отлично
@PrimeLeatherGoods
@PrimeLeatherGoods 2 месяца назад
А как сделать и куда грузить картинки с фронта на бэк, фоточки видоискатели возможно ? Где хранить и как blob загруженный пользователем
@user-ri5li3um9w
@user-ri5li3um9w 4 месяца назад
Привет, читал ты в тг написал что никто не смотрит, просто пойми я бы глянул если бы понимал, но я всего лишь верстальщик, который немного знает js, мне было бы интересно посмотреть курс по реакту или же какие-то нюансы по разным решениям в тех или иных случаях, я просто клепаю сайтики на заказ и у меня нет условного опыта прям такого маштаба проектов с деплоем, а те кто уже такое делают думаю смотреть это не будут, без негатива, брат, просто мои мысли.
@REDGroup
@REDGroup 4 месяца назад
Привет, ну я в целом об это и написал пост.
@user-ke1sx1ws6f
@user-ke1sx1ws6f 3 месяца назад
Привет, Макс! Спасибо за полезное видео и классный хостинг! У меня проблема с проектом ред планера. На локале всё работает, env настроил для деплоя, всё в порядке. Но на продакшене middleware некста не получает refreshToken из cookies.get. Из-за чего меня постоянно кидает на страницу авторизации. Связана ли эта проблема с тем, что серверные куки не вяжутся к публичным айпишникам и нужно делать ssl + полноценный домен чтобы работало?
@aruchomumiura9242
@aruchomumiura9242 4 месяца назад
Уже давно ищу полноценный ролик, в котором будет все от и до про деплой приложения. Для меня оказалось открытием, что такого ролика в интернете просто нет. И вот я натыкаюсь на это видео, спасибо большое !!! :)
@ananasios
@ananasios 4 месяца назад
А будет ролик с подобным поднятием сервака в котором будут использоваться докер контейнеры ? Типа у себя написал проект, завернул его в контейнер, а потом поднял контейнер на серваке 🤔
@REDGroup
@REDGroup 4 месяца назад
А смысл? Это легко делается, моя задача показать базу. Докер каждый запустить может
@monterio1234
@monterio1234 2 месяца назад
А как сделать чтобы код сразу на сервер загружался? Не буду же я вручную постоянно на сервер заходить и пуллить все из мастера
@REDGroup
@REDGroup 2 месяца назад
Ci/cd это очень большая и без донная тема. Поэтому в видео не добавил
@bekboltailakov6944
@bekboltailakov6944 4 месяца назад
Очень нужный материал Спасибо 👍🏻
@MrEmil-cf8wo
@MrEmil-cf8wo 16 дней назад
Макси привет, а для чего ты билдишь приложение? почему просто через start его не запустить и все, в nginx ты нигде не используешь сборку
@REDGroup
@REDGroup 16 дней назад
Привет, потому что сборка production в разы отличается от dev. Она более сжатая, чтобы приложение быстрее грузилось для пользователя
@MrEmil-cf8wo
@MrEmil-cf8wo 16 дней назад
@@REDGroup я смотрел другие инструкции и видео, я про то что там билдят приложение и через root указывают путь до статики, у тебя же наоборот ты запускаешь приложение, и где этот билд будет использоваться? точнее я не понял для чего его билдить там вообще если можно просто запустить) объясни плз
@REDGroup
@REDGroup 16 дней назад
Я не могу вам ответить в комментариях. Эта тема на час лекции. Я бы вам посоветовал пока не думать об этом и учить дальше, на каком то уровне вы поймете к чему это было. Есть просто статика, а есть production билд это разные вещи
@xvmmxv8049
@xvmmxv8049 4 месяца назад
От души , спс ...лучший 🔥
@LozinDA
@LozinDA 3 месяца назад
Сделай kubernetes, пожалуйста, с созданием кластера
@mrZgot
@mrZgot Месяц назад
23:13 а разве нельзя localhost оставить? Там же на одном серваке все лежит.
@REDGroup
@REDGroup Месяц назад
Нет конечно, мы же по rest api обращаемся.
@charme5366
@charme5366 4 месяца назад
Бомба, спасибо большое за проделанную работу💪
@scatchindahouse
@scatchindahouse 4 месяца назад
Макс, ты лучший ! Только вчера искал инфу по деплою спа на нексте , нашел на реакт, планировал сегодня заняться, а тут твое видео про деплой проекта на нексте ) очень вовремя ! Лайк с первых секунд
@alexanderpoberezhniy6638
@alexanderpoberezhniy6638 4 месяца назад
благодарю, полезная инфа)
@carlcj6139
@carlcj6139 4 месяца назад
Видос кайф, давно ждал, благодарю тебя за топ контент. Тема оптимизации лично для меня очень интересна ибо без этого просто никак, дальше домашних проектов не уйти, а хочется развиваться, писать большие проекты которыми в теории могли бы пользоваться люди.
@leshamaybe
@leshamaybe 4 месяца назад
видос вовремя, спасибо! А по оптимизации по-любому нужен ролик))
@TheGaMeR8161
@TheGaMeR8161 4 месяца назад
стандарная командная строка виндовая уже умеет в ssh без Putty. Красавчик! топ видос, лойс прожал
@onceanutudor8492
@onceanutudor8492 4 месяца назад
nada optimizatia
@nic-ori
@nic-ori 4 месяца назад
Thanks. Useful information. 👍👍👍
@romanov_evgeny
@romanov_evgeny 4 месяца назад
Макс, красавец! Спасибо! Надо брать подписку
@amg6.365
@amg6.365 3 месяца назад
Очень круто Макс,есть вопрос если изучаю в твоём програме обезательно работать с нотбуком ?
@overshotkuka9347
@overshotkuka9347 4 месяца назад
Искал такой ролик очень долго, спасибо и уважение автору:)
@maxblock5233
@maxblock5233 4 месяца назад
легенда, спасибо огромное
@supitacantora413
@supitacantora413 4 месяца назад
Супер
@user-yf5kf5qs9c
@user-yf5kf5qs9c 4 месяца назад
👍👍👍
@denisskyter4526
@denisskyter4526 4 месяца назад
Ааааа аааааааааа Максим лучший ❤
@it_gamer9769
@it_gamer9769 4 месяца назад
А я бы посмотрел видео по оптимизации проекта
@user-sk1zz6on8g
@user-sk1zz6on8g 4 месяца назад
IsapiikSingle !
@fgewbtrfdhsb
@fgewbtrfdhsb 4 месяца назад
👍👍👍
Далее
Next.js 14 Deployment to VPS with GitHub Actions CI/CD
52:31
ПЕЧАЛЬНОЕ БУДУЩЕЕ NEXT JS
9:02
Просмотров 17 тыс.
NPM vs Yarn in 2024
3:28
Просмотров 2 тыс.
Почему Redux больше не нужен?
9:41
React и Next js убивают фронтенд!
9:11
ПРОГРАММИСТЫ! ВСЕ СЮДА...
14:25
Просмотров 320 тыс.