1. GitHub Repository

GitHub Repository

2. Demo

Demo

Deploy to Vercel by Yourself

Deploy with Vercel

2. Features Included:

  1. One-click Vercel deployment for Next.js projects.
  2. Multi-language framework (using Next.js built-in i18n).
  3. Multi-language translation files can be split for better management and performance.
  4. Google Analytics integration (configure ID to use).
  5. Canonical URL configuration.
  6. Site Title configuration & one-click Vercel deployment for open-source code.

3. Benefits:

  1. Reduces learning curve for Next.js multi-language setup; ready to use out-of-the-box.
  2. Saves time on installing basic packages and configuration.

4. How to Use:

  1. Modify configurations in src\config\site.ts.
  2. Modify the site icon and sitemap.xml in the public directory.
  3. Add new translation files

<1> After writing the corresponding translation files in messages, add in src\i18n\request.ts:

Demo: (await import(../../messages/${locale}/demo.json)).default,

Add new translation file

<2> Then add in the corresponding page (usually page.tsx):

const t = useTranslations('Home');

Get translation object

5. Donate or Connect

Donation QRWeChat QR

6. Special Thanks

Thanks to GeFei for teaching Google SEO. Search for [GeFei] on WeChat to find the relevant public account, which contains a lot of Google SEO insights worth following.[哥飞]