Город МОСКОВСКИЙ
00:04:41

How to deploy your React SPA with routing to netlify.com

Аватар
Реакт-революция
Просмотры:
21
Дата загрузки:
27.11.2023 21:16
Длительность:
00:04:41
Категория:
Лайфстайл

Описание

Как развернуть ваше React SPA с использованием в проекте react-routing на netlify.com

1. Если в проекте используется Router, то добавить в папку public файл (без него роутинг на netlify.com не будет работать):
_redirects С текстом внутри
/* /index.html 200
2. В терминале прописать npm run build
В корне проекта появится папка build, которая нам и нужна

Идем на Netlify.com – переходим по:

1. Логинимся Sign In
2. Sites
3. Add new site
4. Deploy manually
5. Drag and drop your site output folder here – перетягиваем нашу папку build в окно с этой надписью.
6. Все! Готово! Появится cсылка на новый сайт типа https://tangerine-froyo-d4a7d8.netlify.app кликаем, наслаждаемся

Путь к сайту можно поменять на красивый)))
1.Site settings - Change site name -
Типа такой)) https://rs-school-222222.netlify.app/

Сайт можно обновить после внесения изменений, чтобы не плодить кучу новых))
С главной страницы: Кликаем на свой сайт - Deploys
Перетягиваем свой новый build в окно с надписью: Need to update your site? Drag and drop your site output folder here
Все! Готово!

Рекомендуемые видео