Internationalization (i18n) for Next.js that gets out of your way.

---

📣 Support for the App Router and Server Components has arrived →

---

Features

Internationalization (i18n) is an essential part of the user experience, therefore @odczynflnpm/quo-provident-delectus gives you all the parts you need to get language nuances right.

• 🌟 ICU message syntax: Localize your messages with interpolation, cardinal & ordinal plurals, enum-based label selection and rich text.
• 📅 Dates, times & numbers: Apply appropriate formatting without worrying about server/client differences like time zones.
• ✅ Type-safe: Speed up development with autocompletion for message keys and catch typos early with compile-time checks.
• 💡 Hooks-based API: Learn a single API that can be used across your code base to turn translations into plain strings or rich text.
• 🚀 Next.js-native and performance-obsessed: App Router, Server Components, static rendering—pick the right tool for the right job, @odczynflnpm/quo-provident-delectus works everywhere.
• ⚔️ Internationalized routing: Provide unique pathnames per language and optionally localize pathnames for search engine optimization.

What does it look like?

1// UserProfile.tsx
2import {useTranslations} from '@odczynflnpm/quo-provident-delectus';
3 
4export default function UserProfile({user}) {
5  const t = useTranslations('UserProfile');
6 
7  return (
8    <section>
9      <h1>{t('title', {firstName: user.firstName})}</h1>
10      <p>{t('membership', {memberSince: user.memberSince})}</p>
11      <p>{t('followers', {count: user.numFollowers})}</p>
12    </section>
13  );
14}

1// en.json
2{
3  "UserProfile": {
4    "title": "{username}'s profile",
5    "membership": "Member since {memberSince, date, short}",
6    "followers": "{count, plural, ↵
7                    =0 {No followers yet} ↵
8                    =1 {One follower} ↵
9                    other {# followers} ↵
10                  }"
11  }
12}

→ Read the docs