nextjs multi domain locale

nextjs-multi-domain-locale

Multiple domains and languages on the same Next.js site

This is an example of hosting multiple domains on the same Next.js site (while maintaining multiple languages and static site generation (SSG, getStaticProps)), using Next.js’ i18n system.

Demo

https://multi-domain-locale1.vercel.app/

Concept

• Domain mapped to Next.js’ i18n locale is used to determine the site.
• Language is instead handled via a pseudoLocale prop (pages inside a /[pseudoLocale] folder).
• A redirect from / to /en.
• TODO: Automatic language detection using the Accept-Language header.

See next.config.js for setup.