Prismic | Next.js 13 Internationalization with Prismic @Prismic | Uploaded June 2023 | Updated October 2024, 1 hour ago.
Are you struggling to address an international audience on a single website?
In this video tutorial, we will guide you through the process of implementing i18n and Prismic to add multiple languages to your Next.js 13 project. We cover the essentials of setting up i18n, switching between languages, and creating content in different languages.
🔗 Resources
Repo: github.com/prismicio-community/nextjs-starter-prismic-multi-language
Prismic docs: prismic.io/docs/multilingual-templating-nextjs
Next documentation: nextjs.org/docs/pages/building-your-application/routing/internationalization
📍Chapters:
0:00 Intro - Why Internationalization for your website?
00:45 i18n setup in Next.js
02:40 Why using Prismic to manage your multi-language?
04:20 Prismic setup in a Next.js 13 project
08:05 Outro
---
As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.
► [Tutorial] Build a full website with Next.js 13, Prismic, Tailwind and Typescript:
youtu.be/nfZu56KsK_Q
► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:
youtu.be/8GmfcbuYOWE
► [Starters] Try Slice Machine on Nuxt: prismic.club/nuxt-starters
► [Starters] Try Slice Machine on Next.js: prismic.club/nextjs-starters
► [Learn more about Slice Machine]: prismic.club/slice-machine
---
#nextjs #i18n
Are you struggling to address an international audience on a single website?
In this video tutorial, we will guide you through the process of implementing i18n and Prismic to add multiple languages to your Next.js 13 project. We cover the essentials of setting up i18n, switching between languages, and creating content in different languages.
🔗 Resources
Repo: github.com/prismicio-community/nextjs-starter-prismic-multi-language
Prismic docs: prismic.io/docs/multilingual-templating-nextjs
Next documentation: nextjs.org/docs/pages/building-your-application/routing/internationalization
📍Chapters:
0:00 Intro - Why Internationalization for your website?
00:45 i18n setup in Next.js
02:40 Why using Prismic to manage your multi-language?
04:20 Prismic setup in a Next.js 13 project
08:05 Outro
---
As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.
► [Tutorial] Build a full website with Next.js 13, Prismic, Tailwind and Typescript:
youtu.be/nfZu56KsK_Q
► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:
youtu.be/8GmfcbuYOWE
► [Starters] Try Slice Machine on Nuxt: prismic.club/nuxt-starters
► [Starters] Try Slice Machine on Next.js: prismic.club/nextjs-starters
► [Learn more about Slice Machine]: prismic.club/slice-machine
---
#nextjs #i18n
