next-intl
nextal
next-intl | nextal | |
---|---|---|
6 | 3 | |
1,842 | 163 | |
- | - | |
9.6 | 0.0 | |
6 days ago | 3 months ago | |
TypeScript | TypeScript | |
MIT License | MIT License |
Stars - the number of stars that a project has on GitHub. Growth - month over month growth in stars.
Activity is a relative number indicating how actively a project is being developed. Recent commits have higher weight than older ones.
For example, an activity of 9.0 indicates that a project is amongst the top 10% of the most actively developed projects that we are tracking.
next-intl
-
Implementing Internationalization (i18n) in Next.js 14 using App Router
next-intl Library: https://github.com/amannn/next-intl
- How next-intl Works
-
Localized tRPC errors
We start with a project that was bootstrapped with create-t3-app. For internationalization we use next-intl and set it up as described in the getting started guide. With this initial project setup we can jump into implementing localized error messages.
-
Translating zod errors with next-intl
When starting a new project with Next.js these days, next-intl and zod are my go to libraries for internationalization and schema validation, respectively. Of course, when using zod for client-facing validations I would like to translate potential error messages. The package zod-i18n can be used to achieve this for i18next, a popular alternative internationalization library. This means that by using this library as starting point one can quickly achieve zod translation with next-intl.
-
Next.js internationalization (i18n) tutorial
As we mentioned earlier, the Next.js works well with existing i18n libraries (react-intl, lingui, next-intl, and similar). In this tutorial, we will use the react-intl.
-
i18n and Next.js
next-intl
nextal
-
The best Next.js starter templates
Nextal is a Next.js starter template that offers a wide range of features and has best practices already in place. It is designed to help developers set up a new project quickly. This template is built with a focus on performance, scalability, and maintainability.
- Nextal, starter template for Nextjs with TypeScript, Tailwind, CSS-Modules, Jest and Atomic Design organization for components.
- Nextal, my Next.js template with TypeScript, Tailwind, Jest, CSS-Modules, Dark Theme support and more
What are some alternatives?
next-i18next - The easiest way to translate your NextJs apps.
tailwind-react-next.js-typescript-eslint-jest-starter - Starter template for building a project using React, Typescript, Next.js, Jest, TailwindCSS and ESLint.
React Intl - The monorepo home to all of the FormatJS related libraries, most notably react-intl.
next-intl - Simple multilingual site made with Next.js
next-translate - Next.js plugin + i18n API for Next.js 🌍 - Load page translations and use them in an easy way!
nextjs-pokedex - A pokedex build with Next.js and PokeApi
nestjs-localization - Nestjs localization provides a convenient way to retrieve strings in various languages, allowing you to easily support multiple languages within your application.
metablog-free - Next.js Blog Template with Typescript, Tailwind CSS, DaisyUI
next-intl-zod
python-ts-graphql-demo - Demo project to demonstrate how an asyncio Python project with SQLAlchemy and Strawberry can have a great typed DX on the frontend via codegen and TypeScript React hooks.
react-i18next - Internationalization for react done right. Using the i18next i18n ecosystem.
next-starter - A Next.js starter template, packed with features like TypeScript, Tailwind CSS, Next-auth, Eslint, Stripe, testing tools and more. Jumpstart your project with efficiency and style.