
Build a Multilingual Next.js App in 5 Minutes with App Router
TL;DR A production-ready Next.js 15 + App Router i18n starter template with server-side translations, instant locale switching, and 15 languages out of the box. GitHub Repo | Live Demo What You Get ⚡ Next.js 15 with App Router and Server Components 🌍 15 languages pre-configured (EN, TR, DE, ES, FR, JA, KO, ZH, AR, RU, IT, NL, HI, PL, PT) 🔄 Instant locale switching — no full page reload 🖥️ SSR translations — no flash of untranslated content 📦 Cloud-managed translations via better-i18n CDN 🎨 Tailwind CSS 4 + shadcn/ui components 🔍 SEO-ready — hreflang tags, Open Graph, JSON-LD schemas, sitemap Quick Start Step 1: Clone and install npx create-next-app -e https://github.com/better-i18n/nextjs-i18n-starter my-i18n-app cd my-i18n-app Step 2: Create a free project at dash.better-i18n.com , add your languages, and set the env variable: echo 'NEXT_PUBLIC_BETTER_I18N_PROJECT=your-org/your-project' > .env Step 3: Run it npm run dev # Open http://localhost:3000 Done. You have a multilingual Next.j
Continue reading on Dev.to Tutorial
Opens in a new tab


