Github pages

https://reactgo.com/deploy-react-app-github-pages/ https://github.com/gitname/react-gh-pages https://create-react-app.dev/docs/deployment/#github-pages Записать 2 видоса 1 базовый 2 работа с роутингом

1 базовый

• рассказать для чего это нужно gh-pages

• для старта урока должен быть создан стартовый репозиторий и залит на гитхаб Добавляем в package.json следующую строку

• "homepage": "https://myusername.github.io/my-app",

2) Добавляем в скрипты следующие строки. Можно ярн, можно нпм

3) Прописываем в терминале yarn run deploy или нажимаем соответсвующую кнопку

4) Пару слов про github action, которые позволят нам контролировать процесс. Когда будем вносить изменения, быстро переключиться и показать процесс деплоя

5) Проверяем также в настройках, что выставлено верно в настройках обязательно выбираем gh-pages

6) Теперь давайте внесем изменеия в код, убедимся что все отработает и посмтотрим на процесс билда

• Идем в гитхаб и наблюдаем процесс билда

7) Для удобства добавим адрес на главной странице репозитория

• варианты ошибок

  • сделать описку в репозитории или имени и показать ошибку

• попробовать что то ярном поставить, а что то нпм и глянуть что получится

2 работа с роутингом

• Broswer/ hashrouter

<BrowserRouter basename='/reponame'>
  <App/>
<BrowserRouter/>

https://github.com/facebook/create-react-app/issues/1765

http://localhost:3000/gh-pages#/news http://localhost:3000/gh-pages#/

Единственно рабочий вариант createHashRouter и Navigate