# Multi-language navigation with slice machine

**URL:** <https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266>\
**Category:** Developing with Prismic\
**Tags:** nextjs\
**Created:** [July 16, 2021, 10:03am UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266 "2021-07-16T10:03:17Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![nzrahi123](https://avatars.discourse-cdn.com/v4/letter/n/9e8a1a/32.png) [@nzrahi123](https://community.prismic.io/u/nzrahi123)\
**Post date:** [July 16, 2021, 10:03am UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/1 "2021-07-16T10:03:17Z")

</div>

Hey Prismic  
I'm new at Prismic. I just wanted to ask is there any boilerplate for Multi-language and navigation with slice machine, all in one boilerplate?

---

<div class="post-metadata">

**Author:** ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)\
**Post date:** [July 16, 2021, 11:13am UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/3 "2021-07-16T11:13:24Z")

</div>

Hi @nzrahi123,

Thanks for posting, and welcome to the Prismic community 🙂

We don't have a multilanguage example with Slice Machine yet. If you're using Next.js, you could look at the code for our [example Slice Machine project](https://prismic.io/docs/technologies/launch-an-example-slice-machine-project-next.js) and the code for a [non-Slice Machine multi-language project](https://prismic.io/docs/technologies/getting-started-examples-simple-nextjs). I hope that helps!

Best,  
Sam

---

<div class="post-metadata">

**Author:** ![nzrahi123](https://avatars.discourse-cdn.com/v4/letter/n/9e8a1a/32.png) [@nzrahi123](https://community.prismic.io/u/nzrahi123)\
**Post date:** [July 16, 2021, 3:58pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/4 "2021-07-16T15:58:01Z")

</div>

Hey @samlittlefair Many thanks  
I read [multilingual-templating](https://prismic.io/docs/technologies/multilingual-templating-nextjs)

I can not understand how could I get alternate languages in home page and dynamic page.  
could you pls give me an example for home page and dynamic page?

---

<div class="post-metadata">

**Author:** ![nzrahi123](https://avatars.discourse-cdn.com/v4/letter/n/9e8a1a/32.png) [@nzrahi123](https://community.prismic.io/u/nzrahi123)\
**Post date:** [July 18, 2021, 9:39pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/5 "2021-07-18T21:39:00Z")

</div>

In a 〜/pages/[lang]/[uid].js file:

I use :

```auto
const PageTemplate = ({ slices, alternate_languages, lang }) => {
  return (
    <section>
      <LanguageSwitcher altLangs={alternate_languages} />
      <SliceZone resolver={resolver} slices={slices}/>
    </section>
  );
};

```

but alternate\_languages is an empty array.

In a 〜/pages/index.js file:  
I have no idea how can I get alternate\_languages;  
I would appreciate it if you could tell me how to resolve it!

---

<div class="post-metadata">

**Author:** ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)\
**Post date:** [July 22, 2021, 10:17am UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/6 "2021-07-22T10:17:09Z")

</div>

Hey @nzrahi123 ,

Could you let me know your repo name so I can take a look at your language settings? (Feel free to send it in a DM if you don't want to share it publicly.)

Sam

---

<div class="post-metadata">

**Author:** ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)\
**Post date:** [July 22, 2021, 2:19pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/7 "2021-07-22T14:19:21Z")

</div>

Hey @nzrahi123 ,

Thanks for sending your repo name 🙂

It looks like you haven't translated any documents yet. Once you translate a document, the details will start appearing in the alternate languages array.

Let me know if the problem persists, or if I'm misunderstanding.

Sam

---

<div class="post-metadata">

**Author:** ![nzrahi123](https://avatars.discourse-cdn.com/v4/letter/n/9e8a1a/32.png) [@nzrahi123](https://community.prismic.io/u/nzrahi123)\
**Post date:** [July 22, 2021, 2:39pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/8 "2021-07-22T14:39:38Z")

</div>

aha first I should create a document in a different language? right?  
how about getting the alternate language In a 〜/pages/index.js file:

---

<div class="post-metadata">

**Author:** ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)\
**Post date:** [July 22, 2021, 3:10pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/9 "2021-07-22T15:10:03Z")

</div>

@nzrahi123 The process should be the same. In your index file, I assume you're querying a document from Prismic (maybe a "homepage" document). That document will have an alternate\_languages array.

You'll need to decide how you want to link to alternate languages on the homepage. You might have:

- `/` as your default language
- `/cc-dd` as a secondary language

Or, you could just make

- `/` redirect to your primary language, `/aa-bb`
- `/cc-dd` as your secondary language

Of course, I'm sure there are many other ways to handle this as well.

Let me know if you have any other questions.

Sam

---

<div class="post-metadata">

**Author:** ![samlittlefair](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/samlittlefair/32/696_2.png) [@samlittlefair](https://community.prismic.io/u/samlittlefair)\
**Post date:** [July 27, 2021, 5:50pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/10 "2021-07-27T17:50:27Z")

</div>

This thread has been closed due to inactivity. [Flag to reopen](https://community.prismic.io/t/re-open-a-thread/2175).

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [December 9, 2021, 4:15pm UTC](https://community.prismic.io/t/multi-language-navigation-with-slice-machine/6266/12 "2021-12-09T16:15:27Z")

</div>


