Despliega tu sitio Astro en Vercel

Puedes usar Vercel para desplegar un sitio Astro en su red global de borde (edge) sin ninguna configuración.

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

Configuración del proyecto

Tu proyecto Astro puede desplegarse en Vercel como un sitio estático o como un sitio renderizado en el servidor.

Sitio estático

Tu proyecto 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 renderizado bajo demanda

Añade el adaptador de Vercel (EN) para habilitar el renderizado bajo demanda en tu proyecto Astro con el siguiente comando astro add. Esto instalará el adaptador y realizará los cambios apropiados 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 (EN) para instalarlo manualmente en su lugar, o para ver más opciones de configuración, como desplegar el middleware de Astro de tu proyecto usando Vercel Edge Functions.

Cómo desplegar

Puedes desplegar en Vercel a través de la interfaz del sitio web o usando la CLI (interfaz de línea de comandos) de Vercel. El proceso es el mismo para los sitios Astro estáticos y para los que usan renderizado bajo demanda.

Despliegue desde la interfaz del sitio web

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

Después de que tu proyecto haya sido importado y desplegado, todos los push posteriores a ramas generarán Preview Deployments (despliegues de vista previa), y todos los cambios realizados en la rama de producción (comúnmente “main”) resultarán en un Production Deployment (despliegue de producción).

Aprende más sobre la integración con Git de Vercel.

Despliegue con la CLI

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

Configuración del proyecto con `vercel.json`

Puedes usar vercel.json para sobrescribir el comportamiento por defecto de Vercel y para configurar ajustes adicionales. Por ejemplo, puede que quieras añadir cabeceras a las respuestas HTTP de tus despliegues.

Aprende más sobre la configuración de proyectos de Vercel.