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

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

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

  • @роматарасов-о8л
    @роматарасов-о8л Год назад +132

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

    • @Elias-r7i
      @Elias-r7i Год назад +4

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

    • @carved1883
      @carved1883 Год назад +4

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

    • @martingerman2457
      @martingerman2457 Год назад +10

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

    • @MSaidu-sj6vx
      @MSaidu-sj6vx 4 месяца назад

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

  • @evgeny9945
    @evgeny9945 10 месяцев назад +8

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

    • @UlbiTV
      @UlbiTV  10 месяцев назад +1

      🤝

  • @Виталий-ъ7й8ю
    @Виталий-ъ7й8ю Год назад +21

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

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

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

  • @makssaa
    @makssaa Год назад +8

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

  • @dontcode
    @dontcode Год назад +10

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

    • @Evgeny..
      @Evgeny.. Год назад

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

  • @TitovValek
    @TitovValek 11 месяцев назад

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

  • @konstantinpodgaets2313
    @konstantinpodgaets2313 11 месяцев назад +1

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @kristinavolk2660
    @kristinavolk2660 Год назад +17

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

  • @nottodaymaybetomorrow2399
    @nottodaymaybetomorrow2399 2 месяца назад

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

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

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

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

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

  • @Evgeny..
    @Evgeny.. Год назад +1

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

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

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

  • @Ramosok
    @Ramosok Год назад +4

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

  • @konstantinchuykov
    @konstantinchuykov Год назад +9

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

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

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

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

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

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

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

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

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

    • @diamondserg-43
      @diamondserg-43 Год назад +1

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

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

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

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

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

  • @leonidberezin7320
    @leonidberezin7320 Год назад +21

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

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

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

  • @ЭдуардАзизян-н4к
    @ЭдуардАзизян-н4к Год назад +6

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

  • @dinliri472
    @dinliri472 Год назад +6

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

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

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

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

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

  • @zloypapafan-ghost2875
    @zloypapafan-ghost2875 Год назад +1

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

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

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

  • @enveryakubov6855
    @enveryakubov6855 Год назад +10

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

  • @smeerch1892
    @smeerch1892 Год назад +27

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

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

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

  • @user-tf1rn7qq2p
    @user-tf1rn7qq2p Год назад +1

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

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

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

  • @Андрей-н5н1л
    @Андрей-н5н1л Год назад +2

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

  • @falantogan92
    @falantogan92 8 месяцев назад

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

  • @khayakhaya2953
    @khayakhaya2953 Год назад +7

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

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

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

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

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

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

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

  • @k1llrill_cs
    @k1llrill_cs Год назад +4

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

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

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

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

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

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

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

  • @degradinguser
    @degradinguser Год назад +9

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

  • @novikov-pavel
    @novikov-pavel 8 месяцев назад

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

  • @Maria-eg4hj
    @Maria-eg4hj Год назад +1

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

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

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

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

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

  • @koreikin
    @koreikin Год назад +8

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

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

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

  • @Abramov1
    @Abramov1 Год назад +4

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

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

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

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

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

  • @El-zp6ov
    @El-zp6ov 7 месяцев назад

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

  • @voredev
    @voredev Год назад +11

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

  • @павелсериков-о5н
    @павелсериков-о5н Год назад +2

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

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

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

  • @visionxpro6956
    @visionxpro6956 Год назад +4

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

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

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

  • @макскупр-ш4у
    @макскупр-ш4у Год назад +2

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

  • @unicoxr5tj417
    @unicoxr5tj417 Год назад +4

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

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

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

  • @Elias-r7i
    @Elias-r7i Год назад +4

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

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

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

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

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

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

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

  • @evgenyqwerty5759
    @evgenyqwerty5759 9 месяцев назад

    Крутой ролик. Спасибо. Было бы интерсно посмотреть еще на разворачивание приложения с примером бд(как пример - mongodb) и серверной части( как пример - express).

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

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

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

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

  • @romanr5962
    @romanr5962 Год назад +5

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

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

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

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

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

  • @lisalisa2425
    @lisalisa2425 Год назад +7

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

  • @ПавелЛежнев-м5з
    @ПавелЛежнев-м5з Год назад +1

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

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

    Как раз Докер повторяю для разработки проекта для портфолио)

  • @averagehuman3532
    @averagehuman3532 5 месяцев назад

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

  • @natalyaiv3414
    @natalyaiv3414 Год назад +5

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

  • @data-center-project
    @data-center-project Год назад +1

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

  • @Santropogen
    @Santropogen Год назад +15

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

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

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

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

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

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

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

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

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

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

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

  • @Virisound
    @Virisound 11 месяцев назад

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

  • @АлександрБурмантов-ф4ж

    Круто, но неудобна!
    Хотим чтобы все из мастера после мра подливалось на наш сервак и автоматически пересобиралось и перезапускалось.
    А новичкам все же удобнее будет подключаться в вебшторме через FTP и туда все лить, но это уже тема другого урока =)

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

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

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

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

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

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

  • @СергейИахин
    @СергейИахин Год назад +2

    Смотреть не буду, но лайк поставлю

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

    Спасибо, как раз искала эту инфу

  • @ВадимКравцов-б5з
    @ВадимКравцов-б5з Год назад +1

    Кому сложна структура линукс папок, есть более визуальный вариант управления (FileZilla). Файлики там перекидывать, папочки создавать, удалять что-то. Но это чисто файловый менеджер для удаленных серверов(хотя может сейчас что-то поменялось)

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

    Лучше конфигурирование сайтов в nginx делать в каталоге sites-available , а в sites-enabled симлинк.

  • @MAKS-FISHER
    @MAKS-FISHER Год назад

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

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

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

  • @MSaidu-sj6vx
    @MSaidu-sj6vx 4 месяца назад

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

  • @МаксимТкаченко-ы7ъ

    посмотрел видео - почувствовал себя ДевОпс-ом )

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

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

  • @AlenaRisk.
    @AlenaRisk. Год назад

    Кайфово объяснил, спасибо. Правда я только на начальном этапе и многие слова для меня не известны, но тем не менее было полезно.

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

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