Pular para o conteúdo

Publique seu Site Astro na Clever Cloud

Clever Cloud é uma plataforma de nuvem europeia que oferece serviços automatizados e escaláveis.

Configuração do Projeto

Seção intitulada Configuração do Projeto

Você pode publicar tanto projetos Astro totalmente estáticos quanto renderizados sob demanda no Clever Cloud. Independentemente do seu modo de output (pré-renderizado ou sob demanda), você pode optar por publicar como uma aplicação estática que roda usando um hook pós-build, ou como uma aplicação Node.js, que funciona prontamente com seu package.json.

Porta e host

Seção intitulada Porta e host

As aplicações no Clever Cloud ouvem a porta 8080. Se seu projeto exigir outra configuração, defina sua porta e host do Astro em um dos dois locais:

  1. Nos scripts package.json:

    package.json
    "scripts": {
      "dev": "astro dev",
      "start": "astro dev",
      "build": "astro check && astro build",
      "preview": "astro preview --host 0.0.0.0 --port 8080",
      "astro": "astro"
    }

  2. No astro.config.mjs:

    astro.config.mjs
    import { defineConfig } from 'astro/config';
    

    export default defineConfig({
      server: {
        port: 8080,
        host: true
      }
    });

Publicar o Astro pelo Console

Seção intitulada Publicar o Astro pelo Console

Para publicar seu projeto Astro na Clever Cloud, você precisará criar uma nova aplicação. O assistente de aplicação lhe guiará pelas etapas necessárias de configuração.

  1. No menu lateral, clique em Criar > Uma aplicação.

  2. Escolha como publicar:

    • Criar um novo app: para publicar a partir de um repositório local com Git

    ou

    • Selecionar um repositório GitHub: para publicar do GitHub

  3. Selecione uma aplicação Node.js ou uma estática.

  4. Configure o tamanho mínimo para sua instância e as opções de escalabilidade. Sites Astro podem geralmente ser implantados usando a instância Nano. Dependendo das especificações e dependências do seu projeto, você pode precisar ajustar isso conforme analisa as métricas na página de Visão Geral.

  5. Selecione uma região para implantar sua instância.

  6. Pule a etapa de conectar Add-ons à sua aplicação Clever, a menos que você esteja usando um banco de dados ou Keycloak.

  7. Injete variáveis de ambiente:

    • Para Node.js, nenhuma variável de ambiente específica é necessária para publicar o Astro se você estiver usando npm. Se estiver usando yarn ou pnpm, defina as seguintes variáveis de ambiente:
    Janela do terminal
    CC_NODE_BUILD_TOOL="custom"
    CC_PRE_BUILD_HOOK="npm install -g pnpm && pnpm install"
    CC_CUSTOM_BUILD_TOOL="pnpm run astro telemetry disable && pnpm build"
    CC_RUN_COMMAND="pnpm run preview"
    • Para uma aplicação estática, adicione essas variáveis:
    Janela do terminal
    CC_POST_BUILD_HOOK="npm run build"
    CC_PRE_BUILD_HOOK="npm install && npm run astro telemetry disable"
    CC_WEBROOT="/dist"

  8. Publicar! Se você estiver publicando do GitHub, o deploy deve começar automaticamente. Se estiver usando Git, copie o remote e faça um push na branch master.

Recursos Oficiais

Seção intitulada Recursos Oficiais

Mais Guias de Deploy

Contribua

O que passa em sua cabeça?

Criar uma Issue no GitHub

A maneira mais rápida de alertar nosso time sobre um problema.

Comunidade