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

Поделиться
HTML-код
  • Опубликовано: 18 дек 2024

Комментарии •

  • @gentleman94
    @gentleman94 2 года назад +9

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

  • @tihunvolkov9288
    @tihunvolkov9288 Год назад +3

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

  • @falsetrue7910
    @falsetrue7910 4 года назад +65

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

    • @UlbiTV
      @UlbiTV  4 года назад +4

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

  • @sawer.v
    @sawer.v 4 месяца назад

    Тимур, спасибо большое! Видео до сих пор не теряет своей актуальности))

  • @flyingflish
    @flyingflish 3 года назад +2

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

    • @UlbiTV
      @UlbiTV  3 года назад

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

  • @kokoc58
    @kokoc58 2 года назад

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

  • @dgonpedro
    @dgonpedro Год назад +1

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

  • @SuleimanVatrushkin
    @SuleimanVatrushkin 4 года назад +5

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

    • @UlbiTV
      @UlbiTV  4 года назад +2

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

  • @ВладимирГоворов-о3г

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

  • @alberternazarov6979
    @alberternazarov6979 3 года назад +2

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

  • @danish_m1305
    @danish_m1305 2 года назад +5

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

  • @nazarshvets7501
    @nazarshvets7501 3 года назад +12

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

    • @UlbiTV
      @UlbiTV  3 года назад

      Cпасибо!)

  • @grach1993
    @grach1993 Год назад

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

    • @fuckence2561
      @fuckence2561 6 месяцев назад

      друг привет! А как ты поменял публичный ip сервера на домен?

  • @foxwer1068
    @foxwer1068 6 месяцев назад

    Спустя 3.5 года всё ещё актуально! Спасибо!!

  • @kolyabokov88
    @kolyabokov88 4 года назад +5

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

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

  • @seoonlyRU
    @seoonlyRU 2 года назад +1

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

  • @parlaitaliano
    @parlaitaliano Год назад

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

  • @IBmusic_vector
    @IBmusic_vector Месяц назад

    Спасибо, очень понятный урок прлучился!

  • @zubrdens
    @zubrdens Год назад +3

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

  • @sergeymelni960
    @sergeymelni960 3 года назад

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

  • @tihunvolkov9288
    @tihunvolkov9288 Год назад

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

  • @badzya
    @badzya 3 года назад +2

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

  • @ilyariver7120
    @ilyariver7120 2 года назад

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

  • @Дизайн-ю2э
    @Дизайн-ю2э 4 года назад +19

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

    • @UlbiTV
      @UlbiTV  4 года назад +3

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

    • @olegvi5183
      @olegvi5183 4 года назад +4

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

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

    • @КаширинАлександр-м8д
      @КаширинАлександр-м8д Год назад

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

  • @alextotun
    @alextotun 2 года назад +2

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

  • @elenashchekina3899
    @elenashchekina3899 2 года назад

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

  • @samerlagha1609
    @samerlagha1609 4 года назад +2

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

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

  • @ficusgames5286
    @ficusgames5286 3 года назад

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

  • @nardo988
    @nardo988 2 года назад +2

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

  • @devorer77
    @devorer77 4 года назад +2

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

    • @UlbiTV
      @UlbiTV  4 года назад

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

  • @evgeniyn1542
    @evgeniyn1542 4 года назад +2

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

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

  • @-anonim-3008
    @-anonim-3008 Год назад

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

  • @WalterWhite-ck5rz
    @WalterWhite-ck5rz 2 года назад

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

  • @romanbolshiyanov
    @romanbolshiyanov 2 года назад +2

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

  • @ЕвгенийПеревалов-ч1т

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

  • @Zahar-Lenin
    @Zahar-Lenin Год назад +2

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

    • @ВладимирГоворов-о3г
      @ВладимирГоворов-о3г Год назад

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

  • @semionrutshtein1745
    @semionrutshtein1745 3 года назад +2

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

    • @UlbiTV
      @UlbiTV  3 года назад

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

  • @barbatage5078
    @barbatage5078 4 года назад +2

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

    • @UlbiTV
      @UlbiTV  4 года назад

      Благодарю!)

  • @chirkov
    @chirkov 3 года назад +1

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

    • @UlbiTV
      @UlbiTV  3 года назад

      Благодарю!)

  • @markcherepivskiy182
    @markcherepivskiy182 2 года назад +1

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

  • @69hp_pubg
    @69hp_pubg 4 года назад +9

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

    • @UlbiTV
      @UlbiTV  4 года назад +3

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

  • @dd_vl
    @dd_vl 10 месяцев назад

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

  • @СтепанАврамов
    @СтепанАврамов 2 года назад

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

  • @maksymgapachilo9507
    @maksymgapachilo9507 Год назад

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

  • @ipa_stor
    @ipa_stor 4 года назад +3

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

    • @ipa_stor
      @ipa_stor 4 года назад +1

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

    • @UlbiTV
      @UlbiTV  4 года назад +2

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

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

    • @ipa_stor
      @ipa_stor 4 года назад +1

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

    • @UlbiTV
      @UlbiTV  4 года назад +1

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

  • @maxssobolev
    @maxssobolev 4 года назад +1

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

    • @UlbiTV
      @UlbiTV  4 года назад

      Рад помочь!

  • @tuku_mann
    @tuku_mann Год назад

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

  • @ЧеловексТопором
    @ЧеловексТопором 3 года назад +1

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

    • @UlbiTV
      @UlbiTV  3 года назад +1

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

  • @firefeed1
    @firefeed1 3 года назад +2

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

    • @UlbiTV
      @UlbiTV  3 года назад +2

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

    • @firefeed1
      @firefeed1 3 года назад

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

  • @vitality7195
    @vitality7195 3 года назад

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

  • @МаринаЛисовская-ф9б

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

  • @Good_nick_name
    @Good_nick_name 7 месяцев назад

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

  • @faizulla5838
    @faizulla5838 3 года назад +1

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

    • @Ipborisenkoan20
      @Ipborisenkoan20 3 года назад +1

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

  • @ДмитрийШунто-м9у
    @ДмитрийШунто-м9у 2 года назад +1

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

  • @lora8697
    @lora8697 7 месяцев назад

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

  • @ДядяФедяремонтквартир

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

  • @denchik_797
    @denchik_797 Год назад

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

  • @znatniy-pekar
    @znatniy-pekar Месяц назад +1

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

  • @СтаниславЗатолокин-ц2ц

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

    • @UlbiTV
      @UlbiTV  4 года назад +4

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

  • @alivePunk
    @alivePunk 4 месяца назад

    Как всегда хорош!

  • @emazov10
    @emazov10 2 года назад

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

  • @Сергей-э8о6м
    @Сергей-э8о6м Год назад

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

  • @aleksandrzelenskiy4000
    @aleksandrzelenskiy4000 2 года назад

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

  • @ПетросКилуков
    @ПетросКилуков Год назад

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

  • @romanenkoonline
    @romanenkoonline 2 года назад

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

  • @zizzxiii2714
    @zizzxiii2714 Год назад

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

  • @Рашад-ф8ю
    @Рашад-ф8ю 8 месяцев назад

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

  • @romanbolshiyanov
    @romanbolshiyanov 3 года назад +1

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

    • @ii3246
      @ii3246 2 года назад

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

    • @akoflacko
      @akoflacko 2 года назад +1

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

  • @АртемДумчиков-ж9ф

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

  • @alexgreen9862
    @alexgreen9862 3 года назад

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

  • @daniil2704
    @daniil2704 Год назад +2

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

  • @axe-l
    @axe-l 3 года назад

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

  • @xanderkaingriff4196
    @xanderkaingriff4196 7 месяцев назад

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

  • @zizzxiii2714
    @zizzxiii2714 Год назад

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

  • @alenalel1267
    @alenalel1267 2 года назад

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

  • @ДаниялДобротворский
    @ДаниялДобротворский 9 месяцев назад

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

  • @denchik_797
    @denchik_797 Год назад

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

  • @АлексейГундин-э9о
    @АлексейГундин-э9о 3 года назад +1

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

    • @UlbiTV
      @UlbiTV  3 года назад

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

  • @alikabaTV
    @alikabaTV 3 года назад +2

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

    • @UlbiTV
      @UlbiTV  3 года назад +1

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

  • @sergeyblinkov2072
    @sergeyblinkov2072 2 года назад

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

    • @АртёмКраус-ъ1ф
      @АртёмКраус-ъ1ф 2 года назад

      есть в линуксе утилита nohup, которая позволяет запускать что-либо в фоне, т.е при закрытии терминала сервак и фронт будут работать

  • @DagestanShop
    @DagestanShop 3 года назад

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

  • @tihunvolkov9288
    @tihunvolkov9288 Год назад

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

  • @obekanobee3001
    @obekanobee3001 3 года назад

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

    • @UlbiTV
      @UlbiTV  3 года назад

      И вам!

  • @ИдиНахуй-д2н
    @ИдиНахуй-д2н 3 года назад +4

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

  • @Сергей-э8о6м
    @Сергей-э8о6м Год назад

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

  • @naimjonyunusov4174
    @naimjonyunusov4174 2 года назад

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

    • @astkh4381
      @astkh4381 2 года назад

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

  • @yevgeniyakhmetov167
    @yevgeniyakhmetov167 Год назад

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

  • @dmitrykabanov2869
    @dmitrykabanov2869 2 года назад

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

  • @diasbaiboldy5866
    @diasbaiboldy5866 3 года назад

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

  • @kurc_wl
    @kurc_wl 2 года назад

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

  • @alekseyberezov8020
    @alekseyberezov8020 3 года назад

    Крутяк!

  • @nickoder4374
    @nickoder4374 10 месяцев назад

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

  • @Almas-2002
    @Almas-2002 3 года назад +1

    круто!!

    • @UlbiTV
      @UlbiTV  3 года назад +2

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

  • @Almalinskiy
    @Almalinskiy 3 года назад +1

    Просто топ

  • @CoryClark-jw3ij
    @CoryClark-jw3ij Год назад

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

  • @daeriofrixell199
    @daeriofrixell199 2 года назад

    идеально

  • @nelson6783
    @nelson6783 2 года назад

    лучший!)

  • @Hande_hoch
    @Hande_hoch 10 месяцев назад

    rahmet otdushi

  • @ЕвгенийМельников-ш7м

    класс четко

  • @yuriiserdiuk3918
    @yuriiserdiuk3918 3 года назад

    thanks