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

Предпосылки:

  • Убедитесь, что вы завершили создание приложения для реагирования.
  • Установите npm локально или глобально.

Шаг 1
Когда вы закончите работу с приложением для реагирования, вам нужно создать папку сборки, которая будет содержать индекс, таблицы стилей, значки, активы и файлы manfiest. Эта папка отвечает за обслуживание вашего статического содержимого при развертывании.
Используйте эту команду в корневом каталоге вашего приложения.

npm run build
Войти в полноэкранный режим

Выйти из полноэкранного режима

Шаг 2
Существует так много платформ для размещения статического сайта, как Netlify, Vercel, Github Pages, Cloudflare Pages, Forge и т. д. Мы собираемся использовать Netlify.
Итак, вам нужно создать учетную запись на Netlify и авторизоваться.

Шаг 3
Нажми на add new site кнопка.
Добавить новую кнопку
Затем нажмите на deploy manually кнопку, чтобы развернуть папку сборки напрямую.

Кнопка

Шаг 4
Теперь у нас есть 2 варианта его развертывания. Мы можем сделать это, просматривая наши локальные файлы или перетаскивая их.

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

Перетащите папку

Шаг 5
Теперь Netlify бесплатно опубликует ваш сайт и разместит его. Вам будет предоставлен случайный URL-адрес, но вы можете изменить его по своему усмотрению.

Сайт опубликован

Примечание. URL-адрес вашего сайта должен быть уникальным и всегда заканчиваться на netlify.app

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

Если у вас есть какие-либо вопросы, оставьте их в разделе комментариев ниже. Если вы считаете, что в этом блоге есть какие-либо ошибки или неверная информация, сообщите мне об этом.

Надеюсь, я смог вам чем-то помочь 😀. Если да, пожалуйста, поделитесь им со своими друзьями и другими людьми, чтобы они тоже могли получить пользу! А пока продолжайте РЕАКТИРОВАТЬ ❤🚀

Следите за мной в:
Гитхаб
LinkedIn