Example project using Next 14 and SWC Compiler with LinguiJS Plugin

This is a Next.js project bootstrapped with create-next-app. It showcases use with app router (in src/app) as well as with pages router (in src/pages).

SWC Compatibility

SWC Plugin support is still experimental. Semver backwards compatibility between different next-swc versions is not guaranteed.

Therefore, you need to select an appropriate version of the Lingui plugin to match compatible NextJs version. You also need to add the @lingui/swc-plugin dependency with strict version without a range specifier.

{
  "devDependencies": {
    "@lingui/swc-plugin": "see-below"
  }
}

For version compatibility table, please refer to the Compatibility section.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

LinguiJS Integration

LinguiJs is integrated with standard Next.js i18n support for using middleware.

Open http://localhost:3000/es with your browser to prerender page in different language.

LinguiJS Related Commands

Extract messages from sourcecode:

npm run lingui:extract
# or
yarn lingui:extract
# or
pnpm lingui:extract

Important Notes

• You should not have a babel config in the project, otherwise Next will turn off SWC compiler in favor of babel.
• The actual code is compiled with SWC + Lingui SWC plugin.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.