... > React > Сборка и деплой...

Сборка и деплой приложения с использованием Create React App

НАВИГАЦИЯ ПО СТРАНИЦЕ

1. Сборка приложения для продакшена:
2. Деплой на хостинг: GitHub Pages Netlify

Для сборки и деплоя приложения с использованием Create React App вам понадобится выполнить несколько шагов. Давайте начнем с создания сборки для продакшена, а затем развернем приложение на выбранном хостинге.

1. Сборка приложения для продакшена:

Чтобы создать оптимизированную сборку вашего приложения, выполните команду:

npm run build

или

yarn build

Это создаст папку build с оптимизированными версиями ваших файлов HTML, CSS и JavaScript.

2. Деплой на хостинг:

GitHub Pages:

  1. Перейдите в раздел настроек вашего репозитория на GitHub.

  2. Прокрутите вниз до раздела "GitHub Pages".

  3. В разделе "Source" выберите "master branch" и нажмите "Save".

  4. GitHub Pages автоматически развернет ваше приложение по адресу https://ваше-имя-пользователя.github.io/ваш-репозиторий

Netlify:

  1. Зарегистрируйтесь на Netlify и выполните вход.

  2. Нажмите кнопку "New site from Git".

  3. Выберите ваш репозиторий на GitHub.

  4. Настройте настройки вашего проекта и нажмите кнопку "Deploy".

  5. Netlify автоматически развернет ваше приложение и предоставит вам URL для доступа к нему.

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