2023-12-18

vercel analytics のastro側での設定はこの3ステップのみ

目次

1. @vercel/analytics をインストールする


pnpm i @vercel/analytics

2. astro.config.mjsで webAnalytics を有効化

以下のように astro.config.js の vercel() に、 “webAnanlytics” 項目を追加する。

https://vercel.com/docs/analytics/quickstart#enable-analytics-in-your-astro.config.mjs-file


import { defineConfig } from 'astro/config';
import vercel from '@astrojs/vercel/serverless';
 
export default defineConfig({
  output: 'server',
  adapter: vercel({
    webAnalytics: {
      enabled: true,
    },
  }),
});

この説明では、output が “server” だが、“static” の場合も問題なく動作する。

3. デプロイする


vercel --prod

以上。