How does it handle locale detection?

The skill implements a locale service that uses the Accept-Language header and a negotiator to automatically redirect users to their preferred language.

Why use a modular architecture for i18n?

By separating interfaces, services, and configurations into a dedicated core module, your internationalization logic remains maintainable, testable, and decoupled from your UI components.

Is this skill compatible with Next.js 16?

Yes, this skill is specifically optimized for Next.js 16, utilizing the updated proxy.ts pattern and supporting asynchronous page and layout params.

Does this support SEO-friendly URLs?

Absolutely. It uses the [lang] dynamic segment pattern to ensure each language has its own unique URL path, which is critical for search engine indexing.

Will my translation files leak to the client?

No. The dictionary service uses the 'server-only' package to ensure that JSON translation files are only accessible on the server, keeping your client bundles small.

Next.js i18n Expert

Name: Next.js i18n Expert
Author: fusengine

byfusengine

0•

개발자 도구

Implements scalable, modular internationalization for Next.js 16 applications using SOLID principles and the App Router.

This skill provides a comprehensive framework for adding multi-language support to Next.js 16 applications. It utilizes a modular SOLID architecture that separates concerns between dictionary management, locale services, and routing logic. By leveraging the latest Next.js patterns—including the proxy.ts middleware alternative and dynamic [lang] segments with asynchronous params—it ensures high performance and clean code organization. It is ideal for developers building enterprise-grade, localized web applications who require a maintainable, type-safe approach to translations and SEO-friendly routing.

주요 기능

01Next.js 16 proxy.ts integration for efficient locale routing

02Type-safe dictionary services and locale configurations

030 GitHub stars

04Automatic locale detection via Accept-Language headers

05Server-side translation loading with server-only protection

06Modular architecture with SOLID principle compliance

사용 사례

01Refactoring monolithic translation files into a modular service-based structure

02Building multi-language SaaS platforms with Next.js 16 App Router

03Implementing SEO-friendly URL-based localization (e.g., /en, /fr)

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add fusengine/agents nextjs-i18n

For use in Claude.ai and ChatGPT

Download Skill