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

В этом ролике мы задеплоим frontend приложение на React на облачный сервер, настроим Nginx, подключим домен, настроим https, gzip, посмотрим на конфигурацию докера.

Таймкоды:
00:00 ➝ Введение
00:40 ➝ План урока и обзор проекта
03:00 ➝ Аренда облачного сервера
04:40 ➝ Подключаемся по SSH
06:00 ➝ Настраиваем окружение. Устанавливаем git, nodejs, npm
09:10 ➝ Устанавливаем и настраиваем nginx. Делаем деплой приложения
18:20 ➝ Сжатие бандла. Настраиваем gzip nginx
21:15 ➝ Регистрируем и подключаем домен
25:20 ➝ Настраиваем сертификаты. HTTPS
29:40 ➝ Обновляем приложение на облачном сервере
32:40 ➝ Сохраняем nginx конфиг и смотрим на docker конфигурацию
35:10 ➝ Не забудь поставить лайк и написать комментарий для
продвижения видео, всем спасибо за поддержку!)

Поддержать меня и мой канал вы можете по ссылкам ниже.

[dwlblcu]

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

спасибо Тимуру за контент!

[kristinavolk]

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

Действительно до сих пор удивляюсь как ты искусно ужимаешь инфу похлеще, чем какой-нибудь gzip))
Здоровья и сил, тебе)😇

[zfzewnc]

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

[leonidberezin]

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

[Slavec]

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

[evollt]

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

[enveryakubov]

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

[bbooesz]

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

[stfjrtv]

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

[Ramosok]

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

[natalyaiv]

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

[makssaa]

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

[ptwfugn]

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

[konstantinchuykov]

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

[evgeny]

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

[lisalisa]

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

[alena_paya_start]

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

[dontcode]

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

[ipa_stor]

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

[ruslankashapov]

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