React GitHub pages, как обновить код уже на готовом репозитории?

Question

[HohSkiller]

Залил проект написанный на React на github pages, что мне прописывать чтобы обновить его? То есть обновить страницу на этом бесплатном хостинге, как запушить новый код. Пытался найти ответ, безуспешно, думаю кто из вас сталкивался с этим знают решение.

Answer 1

[Demian Smith]

Код, предназначенный для GitHub Pages находится в ветке gh-page. Я так подозреваю что у вас такая структура проекта:
- в ветке main (или master) находится реакт приложение, файл packages.json и вот это вот всё
- есть ветка gh-pages

Самый простой способ (как по мне) будет в ветке master(main) сделать

- npm i -D gh-pages (или yarn add gh-pages -D)
- в секцию scripts package.json добавить:
"predeploy": "npm run build" (или yanr build если у вас yarn),
"deploy": "gh-pages -d build -m 'Automatically update gh-pages [skip ci]'",

После этого из консоли можно выполнять `npm run deploy` (или yarn deploy) и проект будет собираться и выкатываться на gh-pages.

Можно еще запилить GH Action для красоты, тогда вся движня с билдом и деплоем будет выполняться автоматически при кажом пуше в master.

Answer 2

[Vladislav]

1. Настроить gitlab.ci чтобы автоматом собирал реакт приложение в папку где у тебя открывается pages
2. прописать:

git pull
git add .
git commit -m "update"
git push