Сегодня я покажу вам один из многих способов, которыми вы можете разместить свое потрясающее приложение React на Netlify! Нет больше этой вонючей localhost:3000 чепухи, мы переходим к ЖИВУЮ!
Прежде чем начать, убедитесь, что у вас есть учетная запись в Netlify! НЕ NETFLIX, я знаю… в первый раз меня это смутило.
Использование интерфейса командной строки Netlify
В демонстрационных целях я использовал create-react-app, чтобы быстро создать это замечательное приложение:
Давайте сначала установим интерфейс командной строки Netlify, откроем терминал и выполним следующую команду:
npm install -g netlify-cli
Как только ваш проект React станет красивым и безупречным, внутри терминала перейдите в каталог вашего проекта и выполните следующую команду:
npm run build
После завершения сборки можно начинать процесс развертывания! Чтобы начать развертывание, выполните следующую команду:
netlify deploy
Если вы еще не вошли в систему раньше, откроется окно браузера для предоставления доступа, продолжайте и предоставьте доступ этому присоске!
Теперь вам будет предложено несколько вариантов настройки. Используйте клавиши со стрелками, чтобы выбрать + Create & configure a new site
Далее выберите свою команду. Если вы впервые используете Netlify, у вас должна быть только одна команда, созданная по умолчанию.
Далее вы можете ввести уникальное имя сайта, которое не является обязательным, по умолчанию будет присвоено случайное имя.
Когда вы перейдете к опции настройки каталога публикации, вы наберете ./build . Этот каталог был создан, когда вы выполнили команду npm run build.
После того, как вы выполните эти шаги, у вас будет URL-адрес черновика веб-сайта, вы можете открыть эту ссылку и посмотреть, все ли в порядке с вашим сайтом. Если все выглядит хорошо, вернитесь в терминал и выполните следующую команду:
netlify deploy --prod
Используйте тот же каталог сборки ./build и БАМ! Теперь ваш сайт должен быть размещен на Netlify!
