Instalaci贸n
Astro dispone de una integraci贸n oficial con Vercel, por lo que se puede incluir mediante astro add.
npx astro add vercel
# or
pnpm astro add vercel
La ventaja de utilizar la integraci贸n oficial, es que durenta la instalaci贸n del paquete modifica autom谩ticamente el fichero de configuraci贸n de astro para incluir la configuraci贸n de Vercel.
Configurar Web Analytics
Paso 1: Instalar la dependencia
npm install @vercel/analytics
# or
pnpm add @vercel/analytics
Paso 2: Actualizar el fichero de configuraci贸n de astro astro.config.mjs
import { defineConfig } from "astro/config"
import vercel from "@astrojs/vercel/serverless"
export default defineConfig({
// ...
adapter: vercel({
webAnalytics: {
enabled: true,
},
// ...
}),
})
Crear el proyecto en Vercel
En mi caso, tengo vinculada mi cuenta de GitHub con Vercel, por lo que puedo crear un nuevo proyecto a partir del repositorio de GitHub. Recomiendo hacerlo de esta forma, puesto que genera de forma autom谩tica los links. Adem谩s de que configura el repositorio de GitHub para que aparezca la informaci贸n sobre los deploy.
Tras linkear el proyecto de vercel con el repositorio de github, se genera el primer deploy a producci贸n, y a partir de ahora, se gener谩 un deploy por cada commit a la rama main. Esta es la rama por defecto, pero se puede configurar en el proyecto de vercel.
Configurar un nuevo Domino para tu web
Navega desde tu panel de control de vercel a tu nuevo proyecto, ya dentro del proyecto dirigete a Settings y en el men煤 lateral selecciona Domains.
A帽ade un nuevo dominio para tu web, en mi caso, blog.vlorente.dev. Cuando a帽adas el nuevo dominio, vercel detectar谩 autom谩ticamente las configuraciones necesarias que tendr谩s que realizar en tu proveedor de dominios para que este apunte a tu web de vercel. Cuando todo est茅 configurado correctamente aparecer谩 de esta forma:
