Skip to content

Commit c4b99e0

Browse files
committed
✨ feat: Integrate Vercel Web Analytics
Adds the `@vercel/analytics` package to the frontend project. This uses the SvelteKit-specific `injectAnalytics` function in the root `+layout.ts` to enable tracking of visitors and page views on the Vercel dashboard.
1 parent 30d47ac commit c4b99e0

File tree

3 files changed

+49
-2
lines changed

3 files changed

+49
-2
lines changed

frontend/package.json

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -37,5 +37,8 @@
3737
"typescript-eslint": "^8.20.0",
3838
"vite": "^6.2.6",
3939
"vitest": "^3.0.0"
40+
},
41+
"dependencies": {
42+
"@vercel/analytics": "^1.5.0"
4043
}
4144
}

frontend/src/routes/+layout.ts

Lines changed: 11 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,13 @@
1-
// frontend/src/routes/+layout.js
1+
// frontend/src/routes/+layout.ts
2+
3+
// SvelteKit의 개발/프로덕션 모드 환경 변수를 가져옵니다.
4+
import { dev } from '$app/environment';
5+
// SvelteKit 전용 애널리틱스 모듈을 가져옵니다.
6+
import { injectAnalytics } from '@vercel/analytics/sveltekit';
7+
8+
// 애널리틱스를 주입합니다. 개발 모드에서는 'development'로 동작합니다.
9+
injectAnalytics({ mode: dev ? 'development' : 'production' });
10+
211

312
// 이 옵션은 이 레이아웃을 사용하는 모든 페이지를
413
// 빌드 시점에 미리 렌더링(prerender)하도록 SvelteKit에 지시합니다.
@@ -7,4 +16,4 @@ export const prerender = true;
716
// 만약 서버 사이드 렌더링(SSR)이 전혀 필요 없고,
817
// 순수 정적 사이트(Static Site Generation, SSG)로만 만들고 싶다면
918
// 아래 옵션도 함께 추가할 수 있습니다. (선택 사항이지만 GitHub Pages에는 적합)
10-
export const ssr = false; // 또는 true로 두어도 prerender가 우선될 수 있음
19+
export const ssr = false;

pnpm-lock.yaml

Lines changed: 35 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)