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

🔥 Оформить премиум подписку - 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

Пікірлер: 69

  • @REDGroup
    @REDGroup4 ай бұрын

    🔥 Оформить премиум подписку - htmllessons.ru/premium Поддержи видео лайком, 1500 лайков 👍 и я делаю новое видео! Скачать 🖥 инструкцию - t.me/redgroupchannel

  • @user-fv6uf8gt2r
    @user-fv6uf8gt2r4 ай бұрын

    Нужен видос по оптимизации, ребята, ставьте лайк, что бы макс увидел! Очень интересная тема 🎉🎉

  • @burakku9038
    @burakku90384 ай бұрын

    Было бы круто увидеть ролик по оптимизации. Но было бы неплохо увидеть вместе с этим профилирование как фронта так и бэка, чтобы увидеть как изменяются метрики

  • @user-fq6sh6jh6s
    @user-fq6sh6jh6s4 ай бұрын

    Макс, спасибо за такое подробное видео!

  • @goodvinsk8
    @goodvinsk84 ай бұрын

    Супер! Спасибо большое!

  • @vladislavt9864
    @vladislavt98644 ай бұрын

    Классное видео, но хотелось бы через докер запускать и приложения и nginx, думаю это в какой то мере даже проще, и встречается сейчас чаще чем pm2.

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Тут главно понять основы, докер все тоже самое только проще

  • @igorgrekhov4810
    @igorgrekhov48102 ай бұрын

    Видео пушка. Респект автору!

  • @catweb666
    @catweb6662 ай бұрын

    Класс. Очень давно искал

  • @LoadinG093309
    @LoadinG0933094 ай бұрын

    Раньше все время смотрел твои видосы, теперь нашел работу и на это уже не так много времени, по этому залетаю чисто жмакнуть лойс за старание!!

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Удачи на новой работе! Спасибо

  • @user-np2nj6bk6u
    @user-np2nj6bk6u4 ай бұрын

    Очень приятно видеть свой скриншот на видео ❤ Макс караса 🚀🚀🚀

  • @paltseveugeny
    @paltseveugeny4 ай бұрын

    Видос огонь. Это один из немногих каналов, где видно, что автор горит своим делом и его очень интересно слушать! Продолжай в том же духе!

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Спасибо, продолжаем

  • @user-yz9mu4dv3r
    @user-yz9mu4dv3r4 ай бұрын

    ЛЕГЕНДА ПРОСТО!!!!

  • @ch1cha_gl591
    @ch1cha_gl5914 ай бұрын

    Большое спасибо, летом пытался сам, не получилось, а тут с первого раза без единой ошибки все заработало

  • @devcodingitstudio2764
    @devcodingitstudio27644 ай бұрын

    Топчик!

  • @disaythis362
    @disaythis3624 ай бұрын

    Подскажи есть ли у тебя на площадке или ютубе что-то про то, как пишутся высоко нагруженные сервисы на nest?

  • @yeager6646
    @yeager66464 ай бұрын

    Какую тему используете в vs code?

  • @user-fv6uf8gt2r
    @user-fv6uf8gt2r4 ай бұрын

    огонь, комментарий для продвижения!!!

  • @TamikMachine
    @TamikMachine4 ай бұрын

    Все как и всегда, выше всяких похвал💯

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Спасибо

  • @pythonq1060
    @pythonq10604 ай бұрын

    Какую тему используешь в va code?)

  • @MrChesy47
    @MrChesy474 ай бұрын

    Королевич!!! Спасибо ! Давай видос по оптимизации !❤🎉❤

  • @andd847
    @andd8473 ай бұрын

    То что надо. Я как раз деплоил свое приложение!

  • @user-ow1cx9xc9g
    @user-ow1cx9xc9g4 ай бұрын

    Привет Макс видео как всегда топ Спасибо за контент💪💪👍👍. Макс что ты думаешь будет ли спрос на рынке труда в будущем на веб-программистов ? И спасибо за ответ.

  • @dimitriigoshev525
    @dimitriigoshev5254 ай бұрын

    Зачетное видео! Только докера не хватает для полного счастья)

  • @user-bn7dl6en6n
    @user-bn7dl6en6n4 ай бұрын

    подскажите пожалуйста,как сделать миграцию,если я использую sequalize,не могу понять,у себя я использовал имя postgre и база данных имела другое название в отличии от той,которую на сервере создал,как мне правильно перенести базу данных? Сижу ищу информацию по этой теме...Макс,РЕСПЕКТ!!!

  • @user-qg1iv9xq6h
    @user-qg1iv9xq6h4 ай бұрын

    Очень интересный ролик

  • @NICRYDO
    @NICRYDO4 ай бұрын

    Макс сделай видео на тему "Правильная структура в проекте | Архитектура в NextJS приложениях"

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Узкие темы больше не беру. Но в полном курсе по реакт разберем эту тему

  • @bekboltailakov6944
    @bekboltailakov69444 ай бұрын

    Очень нужный материал Спасибо 👍🏻

  • @timskot7483
    @timskot74834 ай бұрын

    Отлично

  • @mrklkim
    @mrklkim4 ай бұрын

    Привет, Макс! Спасибо за полезное видео и классный хостинг! У меня проблема с проектом ред планера. На локале всё работает, env настроил для деплоя, всё в порядке. Но на продакшене middleware некста не получает refreshToken из cookies.get. Из-за чего меня постоянно кидает на страницу авторизации. Связана ли эта проблема с тем, что серверные куки не вяжутся к публичным айпишникам и нужно делать ssl + полноценный домен чтобы работало?

  • @user-ej4qk8xw7v
    @user-ej4qk8xw7v23 күн бұрын

    фаервол не нужно хотя бы включать на бубунте?

  • @PrimeLeatherGoods
    @PrimeLeatherGoods3 ай бұрын

    А как сделать и куда грузить картинки с фронта на бэк, фоточки видоискатели возможно ? Где хранить и как blob загруженный пользователем

  • @xvmmxv8049
    @xvmmxv80494 ай бұрын

    От души , спс ...лучший 🔥

  • @aruchomumiura9242
    @aruchomumiura92424 ай бұрын

    Уже давно ищу полноценный ролик, в котором будет все от и до про деплой приложения. Для меня оказалось открытием, что такого ролика в интернете просто нет. И вот я натыкаюсь на это видео, спасибо большое !!! :)

  • @charme5366
    @charme53664 ай бұрын

    Бомба, спасибо большое за проделанную работу💪

  • @nic-ori
    @nic-ori4 ай бұрын

    Thanks. Useful information. 👍👍👍

  • @ananasios
    @ananasios4 ай бұрын

    А будет ролик с подобным поднятием сервака в котором будут использоваться докер контейнеры ? Типа у себя написал проект, завернул его в контейнер, а потом поднял контейнер на серваке 🤔

  • @REDGroup

    @REDGroup

    4 ай бұрын

    А смысл? Это легко делается, моя задача показать базу. Докер каждый запустить может

  • @alexanderpoberezhniy6638
    @alexanderpoberezhniy66384 ай бұрын

    благодарю, полезная инфа)

  • @user-ri5li3um9w
    @user-ri5li3um9w4 ай бұрын

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

  • @REDGroup

    @REDGroup

    4 ай бұрын

    Привет, ну я в целом об это и написал пост.

  • @LozinDA
    @LozinDA4 ай бұрын

    Сделай kubernetes, пожалуйста, с созданием кластера

  • @monterio1234
    @monterio12343 ай бұрын

    А как сделать чтобы код сразу на сервер загружался? Не буду же я вручную постоянно на сервер заходить и пуллить все из мастера

  • @REDGroup

    @REDGroup

    3 ай бұрын

    Ci/cd это очень большая и без донная тема. Поэтому в видео не добавил

  • @mrZgot
    @mrZgot2 ай бұрын

    23:13 а разве нельзя localhost оставить? Там же на одном серваке все лежит.

  • @REDGroup

    @REDGroup

    2 ай бұрын

    Нет конечно, мы же по rest api обращаемся.

  • @MrEmil-cf8wo
    @MrEmil-cf8woАй бұрын

    Макси привет, а для чего ты билдишь приложение? почему просто через start его не запустить и все, в nginx ты нигде не используешь сборку

  • @REDGroup

    @REDGroup

    Ай бұрын

    Привет, потому что сборка production в разы отличается от dev. Она более сжатая, чтобы приложение быстрее грузилось для пользователя

  • @MrEmil-cf8wo

    @MrEmil-cf8wo

    Ай бұрын

    @@REDGroup я смотрел другие инструкции и видео, я про то что там билдят приложение и через root указывают путь до статики, у тебя же наоборот ты запускаешь приложение, и где этот билд будет использоваться? точнее я не понял для чего его билдить там вообще если можно просто запустить) объясни плз

  • @REDGroup

    @REDGroup

    Ай бұрын

    Я не могу вам ответить в комментариях. Эта тема на час лекции. Я бы вам посоветовал пока не думать об этом и учить дальше, на каком то уровне вы поймете к чему это было. Есть просто статика, а есть production билд это разные вещи

  • @romanov_evgeny
    @romanov_evgeny4 ай бұрын

    Макс, красавец! Спасибо! Надо брать подписку

  • @supitacantora413
    @supitacantora4134 ай бұрын

    Супер

  • @leshamaybe
    @leshamaybe4 ай бұрын

    видос вовремя, спасибо! А по оптимизации по-любому нужен ролик))

  • @maxblock5233
    @maxblock52334 ай бұрын

    легенда, спасибо огромное

  • @scatchindahouse
    @scatchindahouse4 ай бұрын

    Макс, ты лучший ! Только вчера искал инфу по деплою спа на нексте , нашел на реакт, планировал сегодня заняться, а тут твое видео про деплой проекта на нексте ) очень вовремя ! Лайк с первых секунд

  • @overshotkuka9347
    @overshotkuka93474 ай бұрын

    Искал такой ролик очень долго, спасибо и уважение автору:)

  • @carlcj6139
    @carlcj61394 ай бұрын

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

  • @user-yf5kf5qs9c
    @user-yf5kf5qs9c4 ай бұрын

    👍👍👍

  • @TheGaMeR8161
    @TheGaMeR81614 ай бұрын

    стандарная командная строка виндовая уже умеет в ssh без Putty. Красавчик! топ видос, лойс прожал

  • @denisskyter4526
    @denisskyter45264 ай бұрын

    Ааааа аааааааааа Максим лучший ❤

  • @onceanutudor8492
    @onceanutudor84924 ай бұрын

    nada optimizatia

  • @it_gamer9769
    @it_gamer97694 ай бұрын

    А я бы посмотрел видео по оптимизации проекта

  • @amg6.365
    @amg6.3654 ай бұрын

    Очень круто Макс,есть вопрос если изучаю в твоём програме обезательно работать с нотбуком ?

  • @user-sk1zz6on8g
    @user-sk1zz6on8g4 ай бұрын

    IsapiikSingle !

  • @fgewbtrfdhsb
    @fgewbtrfdhsb4 ай бұрын

    👍👍👍

Келесі