Implemented Vercel Web Analytics for Astro Project =================================================== Successfully installed and configured Vercel Web Analytics according to the latest official documentation from https://vercel.com/docs/analytics/quickstart. Changes Made: ------------- 1. **Installed @astrojs/vercel package** (v11.0.9) - Added to dependencies in package.json - Updated package-lock.json with new dependencies 2. **Modified astro.config.mjs** - Imported the Vercel adapter: `import vercel from '@astrojs/vercel'` - Added adapter configuration with Web Analytics enabled: ```javascript adapter: vercel({ webAnalytics: { enabled: true }, }) ``` Implementation Details: ---------------------- For Astro projects, Vercel Web Analytics is enabled through the Vercel adapter configuration rather than installing a separate analytics package. This is the framework-specific approach documented in the official Vercel quickstart guide. The configuration enables Web Analytics by: - Setting up the Vercel adapter as the deployment target - Enabling the webAnalytics option in the adapter configuration - This automatically injects the necessary analytics tracking when the site is deployed to Vercel Verification: ------------- ✓ Build completed successfully (npm run build) ✓ All static routes generated without errors ✓ Vercel adapter correctly configured and working ✓ No linting errors (no linter configured in this project) ✓ No test failures (no tests configured in this project) Files Modified: -------------- - astro.config.mjs - Added Vercel adapter with Web Analytics enabled - package.json - Added @astrojs/vercel dependency - package-lock.json - Updated with new dependency tree Next Steps: ----------- Once deployed to Vercel, Web Analytics will automatically start tracking: - Page views - User sessions - Performance metrics The analytics data will be visible in the Vercel dashboard under the Analytics section after deployment and user visits. Co-authored-by: Vercel <vercel[bot]@users.noreply.github.com>
30 lines
576 B
JavaScript
30 lines
576 B
JavaScript
// @ts-check
|
|
import { defineConfig } from 'astro/config';
|
|
|
|
import react from '@astrojs/react';
|
|
import mdx from '@astrojs/mdx';
|
|
import tailwindcss from '@tailwindcss/vite';
|
|
import vercel from '@astrojs/vercel';
|
|
|
|
// https://astro.build/config
|
|
export default defineConfig({
|
|
site: 'https://gabeefran.co',
|
|
|
|
i18n: {
|
|
defaultLocale: 'en',
|
|
locales: ['en', 'pt'],
|
|
routing: {
|
|
prefixDefaultLocale: false,
|
|
},
|
|
},
|
|
|
|
integrations: [react(), mdx()],
|
|
|
|
adapter: vercel({
|
|
webAnalytics: { enabled: true },
|
|
}),
|
|
|
|
vite: {
|
|
plugins: [tailwindcss()],
|
|
},
|
|
});
|