SvelteKit i18n Starter (EN/VI/ZH) — Vercel SSR

Bản quyền thuộc về: NGUYEN CUONG TRUC - MaxStack Software
Mọi người sử dụng trích dẫn nguồn từ đây giùm mình nhé!

Copyright belongs to: NGUYEN CUONG TRUC - MaxStack Software
Please make sure to cite this source when using it!

A production-ready starter using SvelteKit + adapter-vercel with server-side rendering (SSR), 3 locales (English en, Tiếng Việt vi, 中文 zh), localized slugs, canonical & hreflang, sitemap, robots, and a language switcher.

Features

• URL strategy: /en/..., /vi/..., /zh/... with localized slugs (e.g. /en/services, /vi/dich-vu, /zh/fu-wu).
• hreflang + canonical for every page via a reusable component.
• Locale detection from cookie or Accept-Language, root redirect / → /{locale}.
• Centralized slug mapping for consistent language switching and sitemap.
• SSR on Vercel (no prerendering required).

Quick start

# 1) Install deps
npm i

# 2) Set base URL
cp .env.example .env
# Edit PUBLIC_BASE_URL in .env (e.g. https://your-domain.com)

# 3) Run dev
npm run dev

# 4) Build & preview
npm run build && npm run preview

Deploy to Vercel

1. Push this repo to GitHub/GitLab/Bitbucket.
2. Import into Vercel → Framework: SvelteKit.
3. Set Environment Variable PUBLIC_BASE_URL (e.g. https://your-domain.com).
4. Deploy. SSR is default with @sveltejs/adapter-vercel.

Customize

• Edit localized routes in src/lib/routes.ts (add more pages/sections).
• Translate texts in src/lib/i18n/*.json.
• If you prefer Chinese characters in URLs, rename fu-wu folder to 服务 and update routes.ts accordingly.

Notes

• x-default points to English by default; change as needed.
• Keep canonical domain consistent with PUBLIC_BASE_URL.