Domain routing for locales in NextJS - Cheat Sheet & Quick Revision

Recall & Review

beginner

What is domain routing for locales in Next.js?

Domain routing for locales lets you serve different languages or regions from different domains or subdomains automatically based on the user's locale.

beginner

How do you configure domain routing for locales in Next.js?

You add a 'domains' array inside the 'i18n' config in next.config.js. Each domain object specifies the domain name and the defaultLocale it serves.

intermediate

Example of a domain configuration for French locale on 'example.fr'?

In next.config.js: { domains: [{ domain: 'example.fr', defaultLocale: 'fr' }] } inside the i18n config.

intermediate

What happens if a user visits a domain not listed in the domain routing config?

Next.js falls back to the default locale and domain specified in the i18n config or redirects based on your setup.

intermediate

Why use domain routing for locales instead of path-based locale routing?

Domain routing provides a cleaner URL without locale prefixes and can improve SEO by targeting specific country domains.

Where do you configure domain routing for locales in Next.js?

A public folder

B pages/_app.js

C next-env.d.ts

D next.config.js inside the i18n object

Domain routing for locales is set inside the i18n configuration in next.config.js.

What key do you use to specify the domain for a locale in Next.js config?

A localeDomain

B domain

C host

D site

The key 'domain' specifies the domain name for a locale in the domains array.

If you want 'example.de' to serve German content, how do you specify it?

A { domain: 'example.de', defaultLocale: 'de' }

B { domain: 'de.example.com', locale: 'de' }

C { host: 'example.de', locale: 'de' }

D { domain: 'example.de', locale: 'en' }

You specify the domain and defaultLocale like { domain: 'example.de', defaultLocale: 'de' }.

What benefit does domain routing provide over path-based locale routing?

A Shorter URLs without locale prefixes

B Slower page loads

C Requires no configuration

D Works only on localhost

Domain routing gives cleaner URLs without locale prefixes like /en or /fr.

What happens if a user visits a domain not configured for any locale?

A The site crashes

B User is redirected to Google

C Next.js uses the default locale

D The page shows a 404 error

Next.js falls back to the default locale if the domain is not configured.

Explain how to set up domain routing for locales in a Next.js project.

Think about where Next.js config lives and how locales are defined.

Describe the advantages of using domain routing for locales compared to path-based locale routing.

Consider URL appearance and search engine benefits.