Working on frontend only

I’m trying to implement the basic example inside an app that already use _app.js and _document.js

This is my test.js page:

import React from 'react';
import { NextSeo } from 'next-seo';

export default () => (
  <>
    <NextSeo
      title="Simple Usage Example"
      description="A short description goes here."
    />
    <p>Simple Usage</p>
  </>
);

I can see it working only client-side, if I view page source the title and description are not set. If I remove _app.js and _document.js I can see the title and description correctly in the page source.

What am I missing?

Thanks!

[carlosHerz]

I am still having this issue when i run next build && next export my meta datas are not pre-rendered and instead are added on client side 😕

[garmeeh]

@talentlessguy

Can confirm, when next export or next build it doesn’t generate any meta tags in both cases

Please see the CodeSandbox here. This works as expected with next build and next export.