Как задеплоить React-приложение на GitHub Pages

✏️ В финальном уроке соберём всё воедино и выложим наше приложение в интернет. Обсудим, что такое деплой для фронтенда и чем отличается dev-сервер от production-сборки. Вернём хранение задач в localStorage, чтобы приложение работало без бэкенда. Настроим переключение API под разные окружения. Соберём production-бандл и проверим его через vite preview. Доработаем маршрутизацию, чтобы ссылки работали корректно после выкладки. Подготовим vite.config.js к продакшену и настроим base под GitHub Pages. Добавим копию 404.html, чтобы SPA-роутинг не ломался. Установим и настроим пакет gh-pages, пропишем удобные npm-скрипты и задеплоим проект. В итоге получаем полноценное React-приложение в продакшене, готовое для портфолио. 🔴 Timeline: ▶ 00:00 | Введение ▶ 00:48 | Что такое деплой для фронтенда ▶ 02:37 | Возвращаем localStorage перед деплоем ▶ 16:30 | Дорабатываем маршрутизацию ▶ 20:05 | Деплой на GitHub Pages (через пакет gh-pages) ▶ 28:05 | Заключение 📚 Ссылки из видео: 🧑‍💻 Основной телеграм-канал: 💬 Коммьюнити-чат в телеграме (помощь новичкам): 🗂️ Бесплатные курсы на канале: 📌 Автор: #reactjs