it's possible add translations on head html meta tag? #412

Cleysonlb · 2020-12-17T17:55:08Z

Cleysonlb
Dec 17, 2020

Hey! it's possible add translations on head html meta tag?

example:

import React from 'react';
import Head from 'next/head';
import getConfig from 'next/config';
import useTranslation from 'next-translate/useTranslation';
import Home from '../components/pages/Home';

const HomePage = props => {
  const { t } = useTranslation('translation');
  const { publicRuntimeConfig } = getConfig();
  const { siteUrl } = publicRuntimeConfig;

  return (
    <>
      <Head>
        <title>Website</title>
        <meta name="robots" content="index,follow" />
        <meta name="description" content={t('home.headerContent')} />
        <link rel="canonical" href={siteUrl} />
      </Head>
      <Home {...props} />
    </>
  );
};

export default HomePage;

aralroca · 2020-12-17T18:33:51Z

aralroca
Dec 17, 2020
Maintainer

@Cleysonlb Yes, it's possible. In the repo examples we are using it:

https://github.com/vinissimus/next-translate/blob/1.0.0/examples/without-loader/components/header.js#L21

If you use the same translations outside the Head, does it work? It looks like it's missing the translation or the page is not downloading the namespace.

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

it's possible add translations on head html meta tag? #412

{{title}}

Replies: 1 comment

{{title}}

Select a reply

it's possible add translations on head html meta tag? #412

Cleysonlb Dec 17, 2020

Replies: 1 comment

aralroca Dec 17, 2020 Maintainer

Cleysonlb
Dec 17, 2020

aralroca
Dec 17, 2020
Maintainer