Despliega tu sitio de Astro en Vercel

Puedes usar Vercel para desplegar un sitio de Astro en su red de borde global con cero configuración.

Esta guía incluye instrucciones para desplegar en Vercel a través de la interfaz de usuario web o la CLI de Vercel.

Configuración del proyecto

Tu proyecto de Astro se puede desplegar en Vercel como un sitio estático o como un sitio renderizado en servidor.

Sitio estático

Tu proyecto de Astro es un sitio estático por defecto. No necesitas ninguna configuración adicional para desplegar un sitio estático de Astro en Vercel.

Adaptador para el enrutamiento bajo demanda

Añade el adaptador de Vercel para habilitar el renderizado bajo demanda en tu proyecto de Astro con el siguiente comando astro add. Esto instalará el adaptador y realizará los cambios correspondientes en tu archivo astro.config.mjs en un solo paso.

npx astro add vercel

pnpm astro add vercel

yarn astro add vercel

Consulta la guía del adaptador de Vercel para instalarlo manualmente en su lugar, o para ver más opciones de configuración, como el despliegue del middleware de Astro de tu proyecto utilizando las Vercel Edge Functions.

Cómo desplegar

Puedes desplegar en Vercel a través de la interfaz de usuario web o utilizando la CLI de Vercel (interfaz de línea de comandos). El proceso es el mismo tanto para sitios de Astro estáticos como para los renderizados bajo demanda.

Despliegue mediante la interfaz de usuario web

Sube tu código a tu repositorio Git en línea (GitHub, GitLab, BitBucket).
Importa tu proyecto en Vercel.
Vercel detectará automáticamente Astro y configurará los ajustes correctos.
¡Tu aplicación está desplegada! (por ejemplo, astro.vercel.app)

Después de que tu proyecto haya sido importado y desplegado, todos los pushes subsecuentes a las ramas generarán Preview Deployments, y todos los cambios realizados en la rama de producción (comúnmente “main”) darán como resultado un Production Deployment.

Obtén más información sobre la integración con Git de Vercel.

Despliegue mediante la CLI

Instala la Vercel CLI y ejecuta vercel para desplegar.
- npm
- pnpm
- Yarn
Ventana de la terminal
npm install -g vercel vercel
Ventana de la terminal
pnpm add -g vercel vercel
Ventana de la terminal
yarn global add vercel vercel
Vercel detectará automáticamente Astro y configurará los ajustes correctos.
Cuando se te pregunte Want to override the settings? [y/N], elige N.
¡Tu aplicación está desplegada! (por ejemplo, astro.vercel.app)

Configuración del proyecto con `vercel.json`

Puedes usar vercel.json para anular el comportamiento por defecto de Vercel y configurar ajustes adicionales. Por ejemplo, es posible que desees adjuntar cabeceras a las respuestas HTTP de tus despliegues.

Obtén más información sobre la configuración de proyectos de Vercel.