Internationalization
Language configuration, copy resources, browser-language detection, and an in-app picker are ready to adapt to your product.
Next.js language and theme starter
Start your Next.js project with language and theme preferences in place.
NextZero is a ready-to-run Next.js template that demonstrates how to integrate internationalization, theme presets, and appearance preferences. Choose and extend the languages and design tokens that fit your product.
i18n
languages defined by your product
26
available theme presets
3
appearance: system, light, or dark
nextzero.app
Current configuration
See language, theme, and mode in one interface
Current settingAdjust anytime
Language
Configure and extend for your product
Theme
Core preferences, ready to use
Set up preferences once, then focus on the product.
Keep language selection, theme tokens, and color modes in one configuration from the first day of the project.
Theme presets
Changing a preset updates colors, borders, shadows, radii, and other design tokens together.
An extensible base
Semantic tokens, accessible components, and responsive defaults make it easier to add your own design system.
From template to product
Start with clear defaults instead of rebuilding the basics.
Decide how language, themes, and modes behave first, then put your time into the features and experience that differentiate the product.
Back to the controls- 01
Choose a theme and mode
Start with a fitting preset and set system, light, or dark as the default mode.
- 02
Add product copy
Maintain product copy in the matching language files as the features evolve.
- 03
Extend the product
Build pages and features on top of the setup while preserving consistent language and appearance preferences.
A reusable interface starting point for Next.js projects with language, theme, and color-mode preferences built in.
InternationalizedThemeableSystem-awareNext.js