Skills
.Work. You
Rest

nextjs-build-website-i18n

Community

Add bilingual VI/EN i18n to your Next.js site

Software Engineering#nextjs#internationalization#next-intl#language switcher#localized routing#message parity
Authorsdcorejs
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Adding a second language to a Next.js site can be a risky refactor, and it is easy to miss routing, middleware, and message parity, causing broken links or missing UI text.

Core Features & Use Cases

  • Bilingual i18n foundation with next-intl: Install Vietnamese-default VI and English EN message loading with server-side request config and middleware locale detection.
  • Localized URL pathnames: Map route slugs per locale (example: /san-pham ↔ /products) for better SEO and user experience.
  • Message parity and translation quality: Ensure VI/EN JSON keys stay symmetric so builds do not silently fall back or miss UI strings.
  • Language switcher + typed internal navigation: Add a locale switcher component and enforce internal links via typed routing helpers so locale prefixes are preserved.

Quick Start

Use nextjs-build-website-i18n to add English bilingual support to the current Next.js App Router site using next-intl routing, middleware, message JSON files, and a VI/EN language switcher.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: nextjs-build-website-i18n
Download link: https://github.com/sdcorejs/sdcorejs-agent/archive/main.zip#nextjs-build-website-i18n

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.