Как корректно задеплоить nuxt приложения на github?

Задеплоить Nuxt.js приложение на GitHub можно несколькими способами, зависящими от требований вашего проекта и вашего собственного предпочтения. Вот две основные стратегии, которые вы можете использовать.

1. GitHub Pages:

GitHub Pages предоставляет бесплатный способ хостинга статических веб-сайтов. Если ваше Nuxt.js приложение является статическим, это может быть хорошим вариантом для вас.

Шаги для задеплоить Nuxt.js приложение на GitHub Pages:

Шаг 1: Создайте новый репозиторий на GitHub и склонируйте его локально на свой компьютер.

Шаг 2: Установите зависимости проекта, выполнив команду npm install в корневой папке проекта.

Шаг 3: Соберите проект, выполнив команду npm run generate или yarn generate в корневой папке проекта. Это создаст папку dist с готовым для деплоя статическим контентом.

Шаг 4: Создайте файл vue.config.js в корневой папке проекта со следующим содержимым:

module.exports = {
  target: 'static',
  router: {
    base: '/repository-name/'
  }
}

Замените repository-name на имя своего репозитория GitHub.

Шаг 5: Перейдите в настройки своего репозитория на GitHub и установите GitHub Pages ветку в качестве источника для GitHub Pages.

Шаг 6: Добавьте и зафиксируйте изменения в вашем репозитории GitHub, а затем выполните команду git push origin master, чтобы задеплоить ваше приложение на GitHub Pages.

После этого ваше приложение будет доступно по адресу https://your-github-username.github.io/repository-name/.

2. Использование GitHub Actions:

GitHub Actions позволяет автоматизировать различные этапы разработки и развёртывания вашего приложения. Вы можете использовать это, чтобы автоматически разворачивать ваше Nuxt.js приложение по мере внесения изменений в ваш репозиторий на GitHub.

Шаги для задеплоить Nuxt.js приложение с использованием GitHub Actions:

Шаг 1: Создайте файл .github/workflows/deploy.yml в вашем репозитории на GitHub со следующим содержимым:

name: Deploy

on:
  push:
    branches:
      - master

jobs:
  deploy:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v2

    - name: Set up Node.js
      uses: actions/setup-node@v2
      with:
        node-version: 14

    - name: Install dependencies
      run: npm install

    - name: Build
      run: npm run generate

    - name: Deploy
      uses: JamesIves/[email protected]
      with:
        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
        BRANCH: gh-pages
        FOLDER: dist

Шаг 2: Зафиксируйте и отправьте этот файл в ваш репозиторий GitHub.

Шаг 3: GitHub Actions будет автоматически запускаться при каждом push в ветку master, устанавливать зависимости, собирать приложение и разворачивать его на GitHub Pages.

Когда процесс развёртывания завершится, ваше приложение будет доступно по адресу https://your-github-username.github.io/repository-name/.

Оба способа имеют свои преимущества и недостатки, поэтому выбор между ними будет зависеть от ваших требований и предпочтений.