Translations in Navigation bar #126

Hadjimina · 2022-09-07T20:41:19Z

Hadjimina
Sep 7, 2022

Hi all,

I have been playing around with next-intl for a bit now and implemented almost everything. The one area I can't get it to work is in the navigation bar that I define in the _app.tsx file s.t. it appears on every page and I don't have to worry about it.
Any idea how I can make the translation work in the CustomNavbar component?
I can't use the approach for a normal page with getStaticProps since that only works on pages not in _app.tsx.
Ideally, I would not need to wrap every page individually in the CustomNavbar component.

Excerpt from _app.tsx:

    <NextIntlProvider messages={pageProps.messages}>
      <Head>
      ...
      </Head>

     
        <CustomNavbar scrolleRef={viewport}>
          <main className="main">
              <Component {...pageProps} />
          </main>
        </CustomNavbar>
     
    </NextIntlProvider>

Cheers

amannn · 2022-09-08T06:00:40Z

amannn
Sep 8, 2022
Maintainer

Hi @Hadjimina,

what kind of difficulties are you facing with providing the messages for the CustomNavbar? Can you include those translations from getStaticProps of individual pages? I.e. a page would fetch its own messages, but also the ones that are considered shared—in this case the CustomNavbar.

1 reply

Hadjimina Sep 8, 2022
Author

Oh wow, for some reason I thought I had to include these messages in the same file where I put the CustomNavbar in the return statement. Nvm, super easy fix. Thanks!

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Translations in Navigation bar #126

Uh oh!

{{title}}

Uh oh!

Replies: 1 comment 1 reply

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

Uh oh!

Translations in Navigation bar #126

Uh oh!

Hadjimina Sep 7, 2022

Replies: 1 comment · 1 reply

Uh oh!

amannn Sep 8, 2022 Maintainer

Uh oh!

Hadjimina Sep 8, 2022 Author

Hadjimina
Sep 7, 2022

Replies: 1 comment 1 reply

amannn
Sep 8, 2022
Maintainer

Hadjimina Sep 8, 2022
Author