Pular para o conteúdo

Faço o deploy do seu site Astro no GitLab Pages

Você pode usar o GitLab Pages para hospedar um site Astro para seu projeto, grupo ou conta de usuário do GitLab.

  1. Defina a opção site corretamente em astro.config.mjs.
  2. Defina outDir:public em astro.config.mjs. Essa opção instrui o Astro a colocar o resultado estático da build do site em um diretório chamado public, que é o local exigido pelo GitLab Pages para arquivos expostos.

Se você estava usando o diretório public/ como fonte de arquivos estáticos em seu projeto Astro, renomeie o diretório e defina publicDir com o novo nome em astro.config.mjs.

Por exemplo, aqui estão as configurações corretas de astro.config.mjs quando o diretório public/ é renomeado para static/:

import { defineConfig } from 'astro/config';
export default defineConfig({
sitemap: true,
site: 'https://astro.build/',
outDir: 'public',
publicDir: 'static',
});
  1. Crie um novo arquivo chamado .gitlab-ci.yml na raiz do seu projeto com o conteúdo abaixo. Assim será realizado a build e o deploy do seu site sempre que você modificar seu conteúdo:

    # A imagem do Docker que será utilizada para a build da sua aplicação
    image: node:lts
    pages:
    cache:
    paths:
    - node_modules/
    script:
    # Especifique as etapas necessárias para a build da sua aplicação aqui
    - npm install
    - npm run build
    artifacts:
    paths:
    # O diretório que possui os arquivos construídos a serem publicados.
    # Precisa ser chamado de "public"
    - public
    only:
    # Inicia uma nova build e deploy somente quando há um push
    # na(s) branch(es) abaixo
    - main

Mais Guias de Deploy

Contribua

O que passa em sua cabeça?

Comunidade