Prismic-toolbar not visible

Dear Prismic community,
I am running Prismic with Next.js v10 and using the new toolbar script:

<script
  async
  defer
  src="//static.cdn.prismic.io/prismic.js?new=true&repo=MY_REPO"
/>

The script is loaded and seems to be executed, which leads to this iframe with an empty body being appended to the page body:

<iframe src="https://MY_REPO.prismic.io/prismic-toolbar/4.0.2/iframe.html" style="display: none !important;"></iframe>

However, it does not append the visible toolbar (div with id prismic-toolbar-v2) to my page and does not add a preview cookie to the local host.

The behavior is the same in Chrome/Safari/Firefox and independent of whether I visit the dev-server, prod server or a static export. I have all ad/tracking blockers turned off or use incognito mode respectively.

I am happy for any suggestions, as this is preventing me from working with previews.

Thanks in advance!

Hello Korbinian, welcome to the community!

If you're using the the latests versions of Next and the toolbar, along with the proper Preview configuration, you shouldn’t be having any trouble, so it's really weird.

How have you configured the Preview in both your repository and in your project?

He're the docs for how to Handle document previews with Next:

Hi Paulina,
thanks for the quick reply.

I have configured the previews according to the documentation and previews themselves do work as expected.
I just can't see the toolbar. :cry:

I will test with different devices / browsers / accounts to see if I can pinpoint the issue.

That's really unusual, if you have the correct script there shouldn’t be a problem.

Yes, if you're able to catch any other behaviours or if you get to see it somewhere let me know

Thanks

Is your website being deployed statically ?

Yes, but as I said it's the same on a dev-server or a local node server in production mode.

However, we also have an issue with previews and static deployment. Now that you are asking, is there a known example of Next static export + Prismic deployment? So far, I only found ones that required running a node server in prod.

Hey @kf1, we do not have an example got a Next.js static export project yet.

Are you still experiencing issues with the Preview?
If you are, I'm thinking it may be that you're just not logged in Prismic when you open your project and therefore you're not able to see the toolbar.
Could this be the case?

This issue has been closed due to inactivity. Flag to reopen.