Деплой Frontend приложения. Настройка nginx. Подключаем домен, настраиваем HTTPS, gzip, docker

Поділитися
Вставка

КОМЕНТАРІ • 350

  • @роматарасов-о8л
    @роматарасов-о8л Рік тому +131

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

    • @Elias-r7i
      @Elias-r7i Рік тому +3

      Блин не могу остановиться ржу над скрипизёрамм🤣

    • @carved1883
      @carved1883 Рік тому +4

      Чаще всего это нужно девопсерам

    • @martingerman2457
      @martingerman2457 Рік тому +10

      да перестань, тут тоже поверхностно все

    • @MSaidu-sj6vx
      @MSaidu-sj6vx 4 місяці тому

      Жаба-стриптизёрам?

  • @evgeny9945
    @evgeny9945 10 місяців тому +6

    Возвращаюсь к этому видео не первый и не второй раз, всегда нахожу ответ на свой вопрос) Это гениально, спасибо автору

    • @UlbiTV
      @UlbiTV  10 місяців тому +1

      🤝

  • @Виталий-ъ7й8ю
    @Виталий-ъ7й8ю Рік тому +20

    Тимур, такого слова, которое бы точно определяло тот размер благодарности которого ты заслуживаешь, пока ещё не придумали, поэтому ограничусь старым добрым спасибо... Но ты должен чётко понимать, что это не простое спасибо: это огромнейшее спасибо!

  • @nottodaymaybetomorrow2399
    @nottodaymaybetomorrow2399 Місяць тому

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

  • @kristinavolk2660
    @kristinavolk2660 Рік тому +16

    Искренние душевные благодарности, Тебе , Тимур!
    За то, что продолжаешь радовать наши глаза и уши таким качеством контента, ёмкостью информации и толчку (пинку 🤭) на подумать!
    Действительно до сих пор удивляюсь как ты искусно ужимаешь инфу похлеще, чем какой-нибудь gzip))
    Здоровья и сил, тебе)😇

  • @konstantinpodgaets2313
    @konstantinpodgaets2313 10 місяців тому +1

    Это были невероятные 30 минут по уровню концентрированной полезности. Всегда бы так, когда ищешь материал для самообучения)

  • @makssaa
    @makssaa Рік тому +8

    Спасибо, всё понятно и просто. Хотел бы добавить, что если пользуетесь vs code, то есть расширение для sftp и отображать структуру сервера у себя в vs code и в визуальном формате перекидывать файлы и папки, а так же их править находясь в powershell, а сразу в vscode

  • @evollt
    @evollt Рік тому +3

    Ulbi TV, ты не поверишь. Только вчера сел изучать nginx и уже сегодня утром ты залил видос о нем) Ты просто читаешь мысли)

  • @whyspxcyyy
    @whyspxcyyy Рік тому +2

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

  • @nikitasafonkin3077
    @nikitasafonkin3077 Рік тому +3

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

    • @rashch676
      @rashch676 Рік тому +3

      Можешь это бесплатно сделать, front - vercel, back - railway, база данных можно supabase для postgres

    • @andrsh9388
      @andrsh9388 Рік тому

      @@rashch676 Привет на верселе также можно домен подключить?? типа купить на другом сервисе и подключить в личном кабинете верселя к своему проекту??

    • @nikitasafonkin3077
      @nikitasafonkin3077 Рік тому

      @@rashch676 тут такие дела , что авторизация через куки реализована, короче на одном ресурсе все должно быть

  • @АртемСкопинцев-и2у

    Кто ЗА большой урок по докеру - лайк!

  • @TitovValek
    @TitovValek 10 місяців тому

    Вообще лучший! а то пока техподдержку дождёшься - сто лет пройдёт. А с этим гайдом вообще всё понятно и быстро получилось. Реально лучший! Спасибо! Глубочайшая благодарность!

  • @smeerch1892
    @smeerch1892 Рік тому +27

    Еще не смотрел, но уже знаю что будет полезно и хорошо. Спасибо тебе

  • @dontcode
    @dontcode Рік тому +10

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

    • @Evgeny..
      @Evgeny.. Рік тому

      ​@@ВладимирСкрипник-ч2цконечно, мы( выпускники курса) теперь везде его будем рекламировать))

  • @jus1xd193
    @jus1xd193 Рік тому +3

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

  • @zloypapafan-ghost2875
    @zloypapafan-ghost2875 Рік тому +1

    Не смотря - заранее кидаю в плейлист на будущее и лайк автору.

  • @vendjin
    @vendjin Рік тому +1

    Где ты был две недели назад! Все пришлось самому искать и изучать =)

  • @falsetrue7910
    @falsetrue7910 Рік тому

    Редко ролики выходят последнее время, всегда жду
    И под каждым видео пишу комментарии и смотрю до конца, это меньшее что я могу сделать

  • @leonidberezin7320
    @leonidberezin7320 Рік тому +21

    Считаю что требуется отдельное видео для ssr с докером и большим количеством фишек

    • @v.lavrinovics1970
      @v.lavrinovics1970 3 місяці тому

      Одно дело считать, другое дело попросить. )

  • @voredev
    @voredev Рік тому +11

    Ulbi TV бро прошу сделай такое же видео только с каким-нибудь сервером типа node.js + express
    лайк что бы автор увидел

  • @rishardsaifer1734
    @rishardsaifer1734 5 місяців тому

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

  • @konstantinchuykov
    @konstantinchuykov Рік тому +9

    Хочу вторую часть. Где GitHub Actions собирает образ в Container Registry, и в локальном раннере на сервере подтягивает и запускает этот образ. Ну или какой-то более простой CI, чтоб на сервер ходить не нужно было, чтоб достаточно было создать релиз на гитхабе

    • @visionxpro6956
      @visionxpro6956 Рік тому +1

      +, ведь именно это используется в реальных кейсах

  • @Ramosok
    @Ramosok Рік тому +4

    Очень жду твоих новых выпусков, спасибо.

  • @ЭдуардАзизян-н4к

    Тимур, спасибо тебе! Очень полезное видео!

  • @voltmasterpavel8275
    @voltmasterpavel8275 Рік тому +1

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

  • @Evgeny..
    @Evgeny.. Рік тому +1

    Тимур привет!
    Спасибо тебе за видео инструкцию по деплою приложения.
    React, nginx, deploy, server

  • @spadar1602
    @spadar1602 Рік тому +1

    Как вовремя дядь, огромное спасибо, поцеловал бы в десна.

  • @Slavec5
    @Slavec5 Рік тому +2

    Спасибо, что всё очень подробно объяснил. Примерную картину представлял, было полезно про сертификат и иклюды в nginx

  • @dinliri472
    @dinliri472 Рік тому +6

    Тимур, ну где ты был пару недель назад?) Я так намучался с этим. Но все же все настроил, теперь зато есть практический бесценный опыт. А под видео однозначно лайк, как и всегда)

  • @TruckAutoKeePass
    @TruckAutoKeePass Рік тому +1

    Супер, сижу уже 3 дня пытаюсь настроить фронт на сервере и думаю вот бы Ulib TV выпустил видос с объяснением как это все делается. Однозначно лайк, колокольчик))) Все видео уроки прост топ, лучше не найду)

  • @АртемийКолотов-з4ь

    Прямо сейчас занимаюсь изучением развёртывания fullstack приложения на nuxt, пришлось через все гуглёжки самому пройти😂
    Информация мега полезная, к тому же от опытного человека!

    • @diamondserg-43
      @diamondserg-43 Рік тому +1

      я бы глянул твоей ролик с послдовательностью действий

    • @bigbigfoot3365
      @bigbigfoot3365 Рік тому

      Если есть информация как ты это сделал, и сделал ли я бы послушал

  • @k1llrill_cs
    @k1llrill_cs Рік тому +4

    Ту лучший, всегда радуешь качественным контентом, не останавливайся!

  • @falantogan92
    @falantogan92 8 місяців тому

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

  • @enveryakubov6855
    @enveryakubov6855 Рік тому +10

    Как всегда информативно и без лишней траты времени. Спасибо! Еще не хватает обзора по SEO и инструментам для анализа SEO оптимизации. Часто бывает что оптимизацию как бы сделали, а какими параметрами для оценки проведенной работы не знаешь. Низкий поклон)

  • @koreikin
    @koreikin Рік тому +8

    Залетаю сразу с лайка, другого и не бывает. Только с тобой расту как программист

  • @khayakhaya2953
    @khayakhaya2953 Рік тому +7

    Супер полезное видео! Спасибо большое !

  • @motolife4900
    @motolife4900 Рік тому +2

    Воу, воу.. Как обычно топ контент из IT. Спасибо! Невероятный канал

  • @makeevdimitry
    @makeevdimitry Рік тому +1

    эххх такой квест испортил кому-то, когда поделился сакральными знаниями как выйти из Vim'а))
    p.s: спасибо за видео!)

  • @ruslankashapov5443
    @ruslankashapov5443 Рік тому

    Просто космос! Год назад на эту тему задумывался, нормальной информации не было. Спасибо!

  • @LionKingheh
    @LionKingheh Рік тому +3

    Спасибо, это как раз то, чего мне не хватало!

  • @levshportak5401
    @levshportak5401 Рік тому

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

  • @mr_adw
    @mr_adw Рік тому +2

    Спасибо за контент, посмотрел с удовольствием!

  • @usernamer519
    @usernamer519 Рік тому +1

    Огромное спасибо!! Твой контент на вес золота!

  • @lemexaxa
    @lemexaxa Рік тому

    Низкий поклон за такую инструкцию!!! Бесценная информация.

  • @макскупр-ш4у
    @макскупр-ш4у Рік тому +2

    Посмотрел ровно минуту, но уже хочу сказать огромное спасибо тебе Тимур! Это очень нужный и важный контент

  • @barbatage5078
    @barbatage5078 Рік тому +2

    Тима, благодарю! Очень ждала

  • @user-tf1rn7qq2p
    @user-tf1rn7qq2p Рік тому +1

    как раз недавно искал подобное видео, спасибо большое!

  • @Андрей-н5н1л
    @Андрей-н5н1л Рік тому +2

    Спасибо большое за данное видео, очень полезные знания. Очень бы хотелось увидеть такое же видео, но по next js

  • @Maria-eg4hj
    @Maria-eg4hj Рік тому +1

    Тимур, классный ролик, спасибо огромное за проделанную работу! Ты лучший!

  • @janikhawk1217
    @janikhawk1217 Рік тому +1

    Большое спасибо за подробный видео урок!

  • @sartjhon3300
    @sartjhon3300 Рік тому +1

    Благодарочка. Понял мало чего, но за то понял куда копать.

  • @Virisound
    @Virisound 10 місяців тому

    Божечки, как же было интересно 🥲 Спасибо, Человек из ютуба.

  • @Elias-r7i
    @Elias-r7i Рік тому +4

    Просто великолепно, спасибо за труд

  • @eunicsi
    @eunicsi Рік тому +1

    Как всегда кратко и по делу. Спасибо!

  • @El-zp6ov
    @El-zp6ov 6 місяців тому

    Благодарю! Отличная подача информации, ясно и кратко, пока я не решила это реализовать.)

  • @ivanmorhun3662
    @ivanmorhun3662 Рік тому +1

    Блин, как же я ждал этого ролика.

  • @unicoxr5tj417
    @unicoxr5tj417 Рік тому +4

    давно тебя не было Улби)

  • @ksushakiseleva2644
    @ksushakiseleva2644 Рік тому +1

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

  • @STELLS541
    @STELLS541 Рік тому +3

    Только начал смотреть, но уже влепил лайк и написал коммент, ибо знаю, что будет годно)))))
    За докер вот отдельный респект, когда-то на пхп пробовал в докер, но там был бэкенд же, а вот можно ли упаковать фронт в докер - это даже сразу так и сложно сказать, как раз узнаём это из ролика 💪🏻🙏🏻.

  • @natalyaiv3414
    @natalyaiv3414 Рік тому +5

    Спасибо, Тимур😊
    Нужное видео. Очень-очень нужное 👍❤️

  • @romanr5962
    @romanr5962 Рік тому +5

    как раз то, что было нужно!

  • @Plovchik90
    @Plovchik90 Рік тому +1

    Спасибо. Давно такое искал. То что нужно.

  • @АндрейКоробка-н1м

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

  • @degradinguser
    @degradinguser Рік тому +9

    Очень бы хотелось что бы ты снял видео про загрузку fullstack, например express + react. Огромное спасибо)

  • @visionxpro6956
    @visionxpro6956 Рік тому +4

    Тимур, давай видос про next 13 , ибо это самый популярный фреймворк для разработки на реакте, полезно хотя бы знать про него, + фишки про isr, SSR, и всякие стратегии рендера

  • @data-center-project
    @data-center-project Рік тому +1

    Очень годный контент! Благодарствую!

  • @павелсериков-о5н

    Спасибо за практику! Добавьте еще информацию про деплой SSR проекта.

  • @averagehuman3532
    @averagehuman3532 5 місяців тому

    Лучший ролик на эту тему, максимально насыщенный контентом, спасибо тебе 👍👍👍

  • @yans8930
    @yans8930 9 місяців тому

    Очень много полезной инфы. Больше спасибо за видео)

  • @novikov-pavel
    @novikov-pavel 8 місяців тому

    Классный урок, спасибо. Ещё бы сюда добавить докер полноценный - вообще огонь был бы)

  • @MrBombeman1
    @MrBombeman1 Рік тому +1

    Спасибо большое!
    Очень познавательный видос!

  • @Arctect
    @Arctect Рік тому +1

    Для одного короткого видео оч. хорошо скомпанован большой объём инфы и всё по делу

  • @alexnaderklivets7225
    @alexnaderklivets7225 Рік тому +2

    Вижу новый ролик от юби сразу лайк)

  • @alena_paya_start
    @alena_paya_start Рік тому +1

    Тимур спасибо! как всегда на уровне! Отдельно пожелаю создать вторую часть - с бэк на ноде + бд + фронт (процессы на pm2). За сертификат отдельно лайк 👍

  • @BrestSouth
    @BrestSouth Рік тому +2

    Спасибо тебе огромное! Продолжай!

  • @JS_Skyline
    @JS_Skyline Рік тому

    Плюсую за докер. Нужно подробное видео!

  • @demidovmaxim1008
    @demidovmaxim1008 Рік тому

    Большое Вам спасибо за выпуск. Очень полезная выжимка.

  • @sattorerror
    @sattorerror Рік тому +2

    Ураа, наконец-то деплой
    Просто лучший!!

  • @TechsturDev
    @TechsturDev Рік тому +1

    Тимур, спасибо!! Очень круто!! А я ручками по RDP сборку закидываю) , а настройка nginx похожая)

  • @psixoz3143
    @psixoz3143 Рік тому

    Просто лучший, очень сильно такого видоса не хватало

  • @NovikovEugene84
    @NovikovEugene84 10 місяців тому

    Боже, какая же у этой песни энергетика!

  • @ProEvv
    @ProEvv Рік тому +1

    Спасибо большое еще бы про ssr видос nuxt или next

  • @Santropogen
    @Santropogen Рік тому +15

    Мне кажется гораздо удобнее было бы не копировать папку dist, а создать линк, тогда будет достаточно только build делать.
    Так же не стоит всегда перезапускать сервис nginx, если не было изменений в модулях. При правках только конфига, достаточно будет "nginx -s reload" - в этом случае не будет остановки и запуска сервиса, а только обновится конфиг.

    • @TheArmproducer
      @TheArmproducer Рік тому

      ну и путь можно указывать абсолютный, который будет начинаться с "/" и тогда не придется писать многочисленные "../../"

  • @egorbystrov9770
    @egorbystrov9770 Рік тому +3

    Спасибо, как раз в тему, закрываю свой первый проект

  • @kinofan_org
    @kinofan_org Рік тому +1

    Изумительно!) Контент 🔥 подача - топчик, без лишних слов и по существу. Но по хорошему было бы ещё показать клонирование приватного репозитория и в кратце объяснить, как работать с vim

  • @srgtmn
    @srgtmn 3 місяці тому

    Кратко, ясно и наглядно. Спасибо.

  • @MSaidu-sj6vx
    @MSaidu-sj6vx 4 місяці тому

    Разжевал, даже такой как я, понял... Фантастика!!!

  • @JackPts
    @JackPts Рік тому +1

    Спасибо за освещение nginx темы, было интересно!
    P.S.: По поводу использования редактора vim - может для его заядлых фанатов это и норм запоминать все эти комбинации клавиш навигации по коду, выхода, сохранения и т.п., но как по мне это полная жесть. ИМХО проще юзать nano - там просто Ctrl+S на сохранение и Ctrl+X на выход. А если нужна подсветка кода, то я открыл не так давно для себя аналог nano - это редактор micro, там почти всё так же, только на выход Ctrl+Q. Может кому-то поможет и упростит работу с линухом.

  • @ПавелЛежнев-м5з
    @ПавелЛежнев-м5з Рік тому +1

    Лайк, коммент, чтобы прочёл, чтобы приятно!

  • @evgeniykhelman3694
    @evgeniykhelman3694 Місяць тому

    Спасибо огромное за урок, выручил🥲

  • @ИванСоколов-л2й9ч

    Спасибо огромное за этот урок

  • @Abramov1
    @Abramov1 Рік тому +4

    Спасибо ! Очень полезное видео, сделай еще пожалуйста видео по тому, как деплоить фронт + бэкенд ,как их между собой подключать и тд. И как еще на next.js деплоить тоже было бы интересно

    • @xxcrypt234
      @xxcrypt234 Рік тому

      я деплоил, это был полный пиздец. неделя боли и страданий

  • @AllistirKing
    @AllistirKing Рік тому

    большое спасибо за работу, которую ты проделываешь

  • @some_body_qtyeeuy
    @some_body_qtyeeuy Рік тому +1

    Надеюсь будет ролик про подключение платежной системы)

  • @daipohuy
    @daipohuy Рік тому +2

    Не, ну это лайк не глядя 😀

  • @ewgenbi
    @ewgenbi Рік тому +2

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

  • @lisalisa2425
    @lisalisa2425 Рік тому +7

    Тимур, спасибо! Очень полезно как всегда! Ещё очень бы хотелось увидеть вариант с ssr на каком-нибудь экспрессе и его деплой♥

  • @greiner.1
    @greiner.1 Рік тому +1

    Супер! Спасибо за ролик 👍

  • @Дмитрий-л4с9х
    @Дмитрий-л4с9х 5 місяців тому

    Замечательный ролик, было полезно. Спасибо!

  • @qazaqbiz
    @qazaqbiz Рік тому

    Вот это хорошая база девопса что мне нужна была