Skip to content

Latest commit

 

History

History
54 lines (42 loc) · 1.75 KB

index.mdx

File metadata and controls

54 lines (42 loc) · 1.75 KB
Raw

import { Tabs, Tab, Cards, Card } from 'nextra/components' import { AppIcon, PagesIcon } from '@components/icons'

Get Started

Features

  • 100% Type-safe: Locales in TS or JSON, type-safe t() & scopedT(), type-safe params, type-safe plurals, type-safe changeLocale()...
  • Small: No dependencies, lazy-loaded
  • Simple: No Webpack configuration, no CLI, no code generation, just pure TypeScript
  • Server and Client, Static Rendering: Lazy-load server and client-side, support for Static Rendering
  • <strong style={{ display: 'inline-flex', gap: '8px', verticalAlign: 'top' }}> App or Pages Router: With support for React Server Components

Try it live on CodeSandbox:

Open with CodeSandbox

Installation

<Tabs items={['pnpm', 'npm', 'yarn', 'bun']}> bash pnpm install next-international bash npm install next-international bash yarn add next-international bash bun add next-international

TypeScript config

Make sure that strict is set to true in your tsconfig.json. This will allow next-international to provide the best in-class developer experience.

Setup

next-international supports both the App Router and Pages Router of Next.js. The APIs are very similar, but each have small specificities. Follow the one you're using:

} title="App Router" href="/docs/app-setup" /> } title="Pages Router" href="/docs/pages-setup" />