Собственно, процесс деплоя довольно прост:

1. В vite.config.js нужно прописать параметр base.
Если вы деплоите на https://<USERNAME>.github.io/, то в таком случае значением base будет '/'. Это дефолтное значение, таким образом, base можно не прописывать.
Если же деплоите на https://<USERNAME>.github.io/<REPO>/, (например, ваш репозиторий расположен по адресу https://github.com/<USERNAME>/<REPO>), то пропишите base: '/<REPO>/'.

2. В корне проекта создайте файл deploy.sh со следующим содержимым:

#!/usr/bin/env sh

# abort on errors
set -e

# build
yarn run build

# navigate into the build output directory
cd dist

git init
git checkout main || git checkout -b main
git add -A
git commit --allow-empty -m 'Deploy to Github Pages'

# если вы деплоите на https://<USERNAME>.github.io, раскомментируйте следующую строку
# git push -f [email protected]:<USERNAME>/<USERNAME>.github.io.git main

# если вы деплоите на https://<USERNAME>.github.io/<REPO>, раскомментируйте следующую строку
# git push -f [email protected]:<USERNAME>/<REPO>.git main:gh-pages

cd -

3. Запустите deploy.sh - после этого в вашем репозитории появится ветка gh-pages.
4. Теперь вам нужно включить функционал GitHub Pages для своего репозитория. Чтобы сделать это, зайдите на страницу своего репозитория и выберите «Настройки» (Settings), затем выберите Pages на панели слева. В разделе Source выберите ветку gh-pages и сохраните изменения.
5. Как только вы сохраните изменения, появится сообщение о том, что сайт готов к публикации по адресу вида your-account-name.github.io/repo-name или your-account-name.github.io. Для проверки работы сайта перейдите по указанному адресу.

Готово!

#кодинг
#vue
#vite
#github

Memo — приложение для создания интеллектуальных заметок с помощью GitHub Gist

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

Стоимость: #бесплатно

#github #gist #open_source

Deploy Vite app to GitHub Pages using GitHub Actions

https://github.com/sitek94/vite-deploy-demo/tree/main#readme

#кодинг
#vite
#github

Deploying a Vite app on GitHub Pages using GitHub Actions with GitHub Secrets

https://dev.to/dwtoledo/deploying-a-vite-app-on-github-pages-using-github-actions-with-github-secrets-1hn0

#coding
#vite
#github
#github_actions

Frontend Stuff

Это постоянно расширяющийся список фреймворков, библиотек и инструментов, которые вы можете использовать для создания веб-приложений. В каталоге вы найдёте описание огромного количества инструментов со ссылками на них. Для удобства инструменты отсортированы по категориям.

#инструменты #фронтенд #github