Деплой nodejs + react приложение на облачный VPS сервер

В этом уроке мы задеплоим nodejs сервер и react приложение на удаленный выделенный сервер.
Мой курс "Продвинутый Frontend. В production на React" - ulbitv.ru/frontend
Поддержать меня и мой канал вы можете по ссылкам ниже.
Qiwi кошелек - www.qiwi.com/n/BODYE821
Яндекс деньги - yoomoney.ru/to/4100116193037469

[@gentleman94]

Шикарная подача! Все четко, быстро, без воды. Спасибо, добрый человек)

[@user-sz8lo7vu9b]

Спасибо за достойное объяснение. Без воды и в то же время, достаточно подробно.

[@alberternazarov6979]

Спасибо большое друг, просто выручил. Все благ и продвижению каналу!

[@falsetrue7910]

За 5 минут столько информации, самый короткий и наполненный ролик из всех что я видел =)

[@UlbiTV]

Спасибо, дружище)

[@grach1993]

Столкнулся со своим первым самостоятельным размещением пет-прожекта. Видео очень помогло, спасибо за качественный контент.

[@SuleimanVatrushkin]

Спасибо, дружище, 2 недели твой ролик искал) Всех благ тебе!)

[@UlbiTV]

И наконец нашел!)) Спасибо друг! Всех благ и тебе!) Успехов!

[@sergeymelni960]

Благодарю! в пять минут просто невозможно вместить ещё больше информации! круто! И благодарю чела, который написал про Screen - очень просто и удобно!)

[@tihunvolkov9288]

Как же много тут информации. Круто что ты указал как примерно искать решения. 2:40 "попробум найти решение. так и напишем: 'убунто инстал нод джес'".

[@user-kp7hk8vp5e]

Очень большой респект. Отдельно за лаконичность!

[@flyingflish]

Просто огромное спасибо, столько времени потратил, чтобы понять как это делать, думал, что в докер нужно пихать приложение)

[@UlbiTV]

Докер упрощает, конечно!) Но для простых приложений и так сойдет

[@-anonim-3008]

Спасибо большое, за 5 минут такой контент, уважение++++

[@dgonpedro]

Спасибо, я знал, что то что мне нужно будет у тебя да и всего за пару минут

[@parlaitaliano]

Я влюбилась в Вас как преподавателя

[@WalterWhite-ck5rz]

Спасибо за твои царские гайды. Только у тебя нашел адекватное объяснение)

[@ficusgames5286]

самый короткий, но такой информативный туториал!

[@elenashchekina3899]

Классный канал. Жду следующих роликов

[@barbatage5078]

Спасибо, как всегда - круто!

[@UlbiTV]

Благодарю!)

[@user-mu2lr9zc7d]

пожалуй лучшая инструкция: видим ошибку > гуглим> не долго думая копирует и запускаем> и вот всё заработало 😆

[@evgeniyn1542]

Супер полезное видео, спасибо бро :)

[@UlbiTV]

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

[@chirkov]

Спасибо, коротко и понятно наконец то

[@UlbiTV]

Благодарю!)

[@devorer77]

спасибо огромное! классное видео.

[@UlbiTV]

Спасибо, Артём!)

[@dd_vl]

Спасибо, что ты есть

[@samerlagha1609]

Я пока видео не смотрел но все равно поставлю лайк потому что уверен что он как всегда отлично 😁👍

[@UlbiTV]

Ахахаах, спасибо, брат!)

[@ilyariver7120]

Идеально! Лайкос. А вот с деплоем nextjs проекта который получает api из wordpress и тоже на beget бы еще разобраться.

[@aleksandrzelenskiy4000]

Полезное и интересное, спасибо

[@user-eh1tt3yc4z]

Всё чётко и по делу! Так держать! Планируешь делать выпуск про VUE? Nuxt?

[@alexgreen9862]

Красава, все по существу!!

[@user-wd8hm2ro8e]

очень выручил - спасибо!

[@UlbiTV]

Рад помочь!

[@kolyabokov88]

Круто, спасибо! Но плюсану коменту , что выше, было бы замечательно еще например https настроить итд, короче что б прям на продакшин))

[@UlbiTV]

Спасибо)) ниже ответил про более подробный туториал

[@axe-l]

Самое адекватное видео по теме.

[@zizzxiii2714]

Супер. То что надо

[@danish_m1305]

Сейчас уже нельзя склонить репозиторий без ssh-ключа. Его надо сгенерировать на vps и подключить к гитрабу, а потом уже можно склонировать

[@69hp_pubg]

Привет, сегодня нашёл ваш канал, всё очень классно, успехов вам. +Вопрос: Будет ли ролики про тестирование React-компонентов с помощью Jest ?

[@UlbiTV]

Привет, добро пожаловать, возможно в дальнейшем будут ролики про тестирование)

[@xanderkaingriff4196]

Молодец! Продолжай

[@user-pw3vq4ss4b]

Спасибо за видео ) Было бы очень интересно увидеть полную версию деплоя, а именно запуск в фоновом режиме на сервере, присвоение адреса сайту и начало полного функционирования в интернете. Запуск нескольких проектов на одном впс, масштабирование проекта (если один впс не справляется)

[@UlbiTV]

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

[@olegvi5183]

@@UlbiTV совершенно справедливый комментарий, было бы довольно странно разобраться с jwt аутентификацией но запускать приложение через командную строку, если не ошибаюсь, он упадет как только мы выйдем из командной строки. Будем ждать обновлений, спасибо за старания)

[@UlbiTV]

@@olegvi5183 спасибо за поддержку, друг!)

[@user-wq4um7fx2c]

​@@UlbiTV Реально все класно, но после закрытия терминала процессы ж завершаються и прилажахи падают. Как их запустить что б они постоянно крутились?)

[@alenalel1267]

Спасибо огромное))

[@tuku_mann]

Именно этот туториал пора обновить

[@alextotun]

Отличное видео, все понятно. Только ошибка во время деплоя в файлах клиента. Что на удаленном, что на локальном, останавливается\подвисает в процессе деплоя, в панель никаких записей не выдает. Иногда курсор терминала печатает - y - и идет вниз безконечно. Где то в коде ошибка. Спасибо!

[@nazarshvets7501]

Этот коментарий создан в качестве уважения автору и для продвижения его канала.

[@UlbiTV]

Cпасибо!)

[@romanbolshiyanov]

На самом интересном остановился.... А как же домен подключать через nginx? как насроить? как сделать так, чтобы после падения сервера он поднимался автоматически ? спасибо!

[@maksymgapachilo9507]

А я чуть по другому делал хз или правильно, только vue3 . сперва билд делал npm run build. и все что папало в dist, я копировал и загружал на сервер. Такой вариант норм? или есть какие от подвjдные камни? и надо загружать проект на сервер весь, потом там билдить, и там запускать через npm start?

[@seoonlyRU]

С ходу лайк от топового спеца по хостингам и серверам и ВПСкам и ВДСкам - любым короче)))- от СЕООНЛИ))) - если что можно загуглить, там куча бесплатного хостинга или условно-бесплатного на 93 дня. СЕООНЛИ не подводит никогда.

[@vitality7195]

Получаеться бек работает на 5000 порте, а фронт на 8080? Это не вызовет проблем с CORS? Хотел увидеть как при обращении к беку прилетает статика и работают на одном порте

[@dmitrykabanov2869]

Очень интересно

[@nardo988]

поправьте меня если я не прав, если вот так из консоли просто запустить проект (например Api через npm run start), то при закрытии окна powershell приложение так же остановится. у нас на работе мы так stage запускаем и что бы после закрытия консоли серв продолжал работать мы используем screen.

[@kurc_wl]

Кайф, то что нужно

[@obekanobee3001]

Спасибо большое)

[@UlbiTV]

И вам!

[@user-tr8xi3ik3c]

Уважение автору канала за столь чотко и сжато поданную информацию. Хотел уточнить. Если у меня единый монолит написанный на Express js + пару динамических страниц использующих pug + обычная статика. Я так понимаю нужно будет проделать все тоже самое, но деплоить один раз единый монолит? Буду признателен за ответ.

[@UlbiTV]

Спасибо!) Да, деплоим монолит, который раздает статику)

[@badzya]

хелпаните, как перенаправить запросы на другой порт, где бекенд. есть клиент 8080 и бекенд 5000. не могу понять как их связать

[@markcherepivskiy182]

Очень полезное видео, спасибо. Посоветуй, лучше запускать проект на сервере с помощью ноды или pm2?

[@theoty-js-react]

оба

[@Almalinskiy]

Просто топ

[@nelson6783]

лучший!)

[@Zahar-Lenin]

Привет, крутая подача) Один вопрос : здесь при развертывании, не надо разве устанавливать веб-сервер (Ngnix - например) или это уже было предустановлено на купленом тобой сервере?

[@user-sz8lo7vu9b]

У меня, например, отказывался запускаться. Пришлось apache ставить. А я в linux не работал ни разу и доки в beget никакой не приложили. ОМГ, как долго я просто пытался понять, куда хотя бы статичный index.html всунуть)))

[@tihunvolkov9288]

Cутки непрерывных мучений и серв работает. React, express, postgress, sequelize, redux. Гугл и переводчик страниц в помощь. С упорством можно найти всё и сделать всё.

[@romanenkoonline]

Принято два раздельных репозитория иметь, один для фронта, второй для бэка?

[@user-no7cf8jo1p]

Спасибо огромное! Лучший контент в сегменте на русском языке!

[@diasbaiboldy5866]

спасибо большое

[@user-sl9gx7sl8f]

Привет, пможешь разобрать контент про cloudFlare, FireBase ,было бы нелпхо еще про TypeORM sequelize, Azure/ aws, servless На чистом JS и отдельно на TS?

[@daeriofrixell199]

идеально

[@user-lv4bf6pq4h]

Привет! А есть видео, как деплоить на VPS (например, на тот же beget) CI/CD? Было бы классно. Так просто не найти инфу...

[@ipa_stor]

Как всегда отличное информативное видео! Жаль, что видео не спонсировал этот удаленный сервер(дали бы бесплатно площадку и проспонсировали какой-нибудь небольшой обучающий проект, им реклама а тебе поддержка и контент:)))... Эх, ну ничего, еще придет время:)

[@ipa_stor]

И да, если будет возможность, было бы очень интересно узнать, как работать с проектом после диплоя- скажем как лучше подготовить стак к удобному логированию(кажется так называется) ошибок, как можно минимизировать краши и тп., кстати, я правильно понимаю, что в отличие от хероку(google ae, firebase), такой сервер надо обслуживать самому, то есть перезапускать при ошибках(крашах) и тп?

[@UlbiTV]

@@ipa_stor спасибо за поддержку, канал слишком мал пока что, о спонсорстве думаю тут и речи идти не может 😆

[@UlbiTV]

@@ipa_stor да, сервис предоставляет удаленную машинку, а ты ее сам уже вертишь как хочешь)

[@ipa_stor]

@@UlbiTVСпасибо, полезная инфа, а то интуитивно понимал, но уверенности не было:)))

[@UlbiTV]

@@ipa_stor рад, что чем то могу поделиться!)

[@user-xs2dx2mh3f]

"Не вникаем в подробности, просто копипастим скрипты" 😅😅 вот это по нашему. Сам всегда так делаю

[@user-yf5ip7td2y]

круто!!

[@UlbiTV]

Cпасибо, Алмас!

[@rabotyagayoutuba6082]

спасибо тебе

[@user-ot6zz5kn8z]

класс четко

[@user-uk1cu2hm2f]

спс родной

[@alekseyberezov8020]

Крутяк!

[@semionrutshtein1745]

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

[@UlbiTV]

Спасибо да поддержку дружище!)

[@grbak]

Мега топ

[@zubrdens]

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

[@user-sp9uc4kf8n]

Спасибо автору канала за видео. Если я все правильно понимаю, команда npm start запускает сервер в режиме разработчика. То есть получается, что вы просто на удаленном сервере запустили клиент в режиме разработчика?

[@KirillKolchanov]

да)

[@Good_nick_name]

а какой порт и вообще адрес нужен для того что бы запустить через сервер? локал хост 3001 не подходит

[@yuriiserdiuk3918]

thanks

[@ovodigr]

спс

[@lora8697]

Где это предыдущее видео с подготовкой к деплою?

[@DagestanShop]

a ngnix не надо устанавливать ?

[@user-jv2tk6qx5c]

а качество база данных что использовать и как использовать ?

[@romanbolshiyanov]

Сжато и по существу. Но возможно я задам глупый вопрос... Я когда то слышал, что нужно устанавливать PM2 (позволяет стартовать ноде на автопилоте, если что то пошло не так) и настраивать кластеризацию потоков, для распределения нагрузки на ядра..... Или это не здесь?

[@ii3246]

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

[@akzhol2718]

@@ii3246 а вы можете направить на «самый лучший» гайд?

[@tihunvolkov9288]

устанавливаю npm на ubuntu 22v и мне высвечивается окно "Daemons using outdated libraries" демоны использующие старые библиотеки. Я испугался что установил npm а не vita или yarn, но вижу что это норм. Следую гайду и надеюсь что всё заработает. Капец конечно npm весит выше 600М.

[@nickoder4374]

Без води, просто и охуено спасибо

[@mirwill6940]

Спасибо полезно!

[@denchik_797]

У меня почему-то npm run start отказывается запускать

[@daniil2704]

Закроешь терминал закроется)

[@user-xs2dx2mh3f]

А где те два видео найти?

[@emazov10]

Чтоб работал хостинг надо всегда запускать powershell ? Как запустить в продакшн чтоб в любой момент могли заходить ?

[@DarkzarichV2]

pm2 использовать

[@alikabaTV]

Сделай тоже самое для gitlab ci cd с деплоем через докер на vps, плиз.

[@UlbiTV]

Есть в планах такое)

[@user-ns9yd3wt8h]

Подскажите, а как добавить домен

[@user-pv6fy3dy6v]

150 руб. за сервер можно сказать бесплатно.

[@zizzxiii2714]

Кто знает если бэк на джаве, фронт на реакт и на удаленный сервак устанавливаешь через ssh фронт реактовский. После билд команды не нужно вызывать команду serve? Просто start?

[@KirillKolchanov]

по сути не надо

[@Hande_hoch]

rahmet otdushi

[@user-so8lm5wr7r]

странно. бек задеплоили, а зачем, если они нигде не испоользуется и как таким воспользоваться непонятно))

[@yevgeniyakhmetov167]

А как прилинковать домен к IP?

[@user-qj2hh8rr3i]

Объясните кратко, кому не сложно Если 8080 отдает статику, то чем занят 5000? Для чего такое разделение? 2 порта = 2 потока?

[@UlbiTV]

На 5000 порту бэкенд крутится) а 8080 раздает фронтовые файлики

[@faizulla5838]

Привет, как поставить без GIT ( например через FileZila) и не на IP а на домен??? и без статики.....

[@Ipborisenkoan20]

можешь просто на vps в файловом менеджере закинуть

[@user-yb9uf8uz8k]

Друг, сколько приложений можно залить на этот аккаунт?

[@UlbiTV]

Там от тарифа зависит)

[@denchik_797]

А если сразу в Гите есть node js, то его не нужно через консоль устанавливать?

[@pashadotcenko7391]

Нужно

[@denchik_797]

@@pashadotcenko7391 спс за ответ, вовремя)

[@naimjonyunusov4174]

Ну а как подключить домен, как установить mysql, phpMyAdmin?

[@astkh4381]

понял как это сделать

[@firefeed1]

Привет, а что делать, когда я выключаю консоль, то и сайт выключается

[@UlbiTV]

Запускать в фоновом режиме, например через pm2

[@firefeed1]

@@UlbiTV Спасибо! Я уже нашёл способ через screen

[@CoryClark-jw3ij]

А как добавит файл env ?

[@kamol8861]

echo "" > .env

[@maksym7094]

+365)