Next.js i18n Dashboard

A template for building multilingual dashboards with Next.js, Tailwind CSS, and React Intl.

Next.js i18n Dashboard Starter

A dashboard template built with Next.js, Tailwind CSS, and React Intl. This template not only features internationalized routing but also showcases an array of localization features, making it an ideal starting point for building globally-friendly dashboard applications.

Demo

View a working demo.

Requirements

Node.js >=20.17.0
npm >=10.8.2

Getting Started

Run this Next.js app on your local machine by following the instructions below:

# Clone the repository from GitHub
git clone https://github.com/localizely/nextjs-i18n-dashboard-template.git

# Navigate into the cloned repository
cd nextjs-i18n-dashboard-template

# Install project dependencies
npm install

# Start the development server
npm run dev

Deploy on Vercel

Deploy this ready-to-use template on Vercel by clicking the button below.

Translation

Translating localization files can become increasingly complex, especially as your project expands. Localizely simplifies the translation process, tracks progress, and seamlessly integrates localization into your workflow. It offers a variety of integrations, including GitHub, GitLab, Bitbucket, and Figma, along with powerful features such as Reports and Statistics, Machine Translation, Translation Memory, and a Glossary.

To simplify the translation process, navigate to Localizely and create a new project. Afterwards, update the localizely.yml file with the missing data (e.g., project_id) and integrate localization into your workflow in a manner that best suits your needs, whether that's by using the Localizely CLI tool or any of the available integrations.