next-intl provides type-safe internationalization for Next.js App Router.
Usage
import { useTranslations } from "next-intl";
function Page() {
const t = useTranslations("Home");
return <h1>{t("title", { name: "MyApp" })}</h1>;
}
Server Components
import { getTranslations } from "next-intl/server";
const t = await getTranslations("Home");
Middleware
import createMiddleware from "next-intl/middleware";
export default createMiddleware({ locales: ["en", "de"], defaultLocale: "en" });
Key Features
- App Router support
- Server + Client Components
- Type-safe messages
- Date/number formatting
- Middleware locale detection
Need to scrape or monitor web data at scale? Check out my web scraping actors on Apify or email spinov001@gmail.com for custom solutions.
Top comments (0)