Support Multiple Languages with Next.js Localization

InstructorColby Fayock

Share this video with your friends

Send Tweet

Delivering a website in your native language knowing that Google or other tools will automatically translate gives a little peace of mind, but between contextual differences in languages and not always getting comprehensive translations, you might not know what you're actually telling your potential customers.

Next.js supports localization out of the box, allowing us to configure exactly what languages we want and using that context to pull in the translations we need.

We'll walk through setting up localization in our Next.js app and adding Spanish translations to our page copy in GraphCMS along with dynamically querying for each language in our pages.