NextGlobeGen

NextGlobeGen makes it effortless to deliver your content in multiple languages with SEO-optimized, localized URLs.

layout.tsx

// Package APIs work in both server and client components
import { useLocale, useTranslations, Link } from "next-globe-gen";

function Layout(props: { children: React.ReactNode }) {
  const locale = useLocale();
  const t = useTranslations();
  return (
    <html lang={locale}>
      <body>
        <h1>{t("home.title")}</h1>
        <Link href="/dashboard">{t("dashboard.title")}</Link>
        {props.children}
      </body>
    </html>
  );
}

Effortless internationalization

The smoothest DX for Next.js internationalization

TypeScript support: Routes, locales, and message arguments are automatically typed. Get full autocomplete without manual configuration.
Static rendering: Static rendering and export mode supported out-of-the-box. Perfect for deployment on any CDN or static hosting.
Rich text messages: ICU MessageFormat with extensive interpolation patterns. Create dynamic, context-aware translations effortlessly.
Localized pathnames: Translate URL segments for better SEO. Each route segment can have its own translations right next to the route code.
Universal APIs: Same hooks and components work seamlessly in both Server and Client Components.
Smart locale detection: Built-in proxy handles locale detection. Automatic redirects and SEO-friendly alternate links.