86869a5b42
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>
33 lines
729 B
JSON
33 lines
729 B
JSON
{
|
|
"name": "gabeefran-co-blog",
|
|
"type": "module",
|
|
"version": "0.0.1",
|
|
"engines": {
|
|
"node": ">=22.12.0"
|
|
},
|
|
"scripts": {
|
|
"dev": "astro dev",
|
|
"build": "astro build",
|
|
"preview": "astro preview",
|
|
"astro": "astro"
|
|
},
|
|
"dependencies": {
|
|
"@astrojs/markdown-satteri": "^0.4.0",
|
|
"@astrojs/mdx": "^8.0.0",
|
|
"@astrojs/react": "^6.0.5",
|
|
"@astrojs/vercel": "^11.0.9",
|
|
"@tailwindcss/vite": "^4.3.3",
|
|
"@types/react": "^19.2.18",
|
|
"@types/react-dom": "^19.2.5",
|
|
"astro": "^7.2.10",
|
|
"react": "^19.2.8",
|
|
"react-dom": "^19.2.8",
|
|
"tailwindcss": "^4.3.3"
|
|
},
|
|
"allowScripts": {
|
|
"esbuild": true
|
|
},
|
|
"devDependencies": {
|
|
"@tailwindcss/typography": "^0.5.20"
|
|
}
|
|
}
|