Unpublished posts cannot be previewd with Nuxt.js

t.dofuku · September 1, 2021, 5:52am

We have a newly launched static Nuxt.js site and preview is working just fine for edits to existing pages.

Then, we are trying to preview a new blog post before making it live (so the post has never published).

but,

clicking the preview option from Prismic takes us to the correct url, but it becomes 404 not found.
browsing to the 404.html page displays sharable button of prismic.io, but the page is just 404 page. so actual content is not shown.

Is it possible to preview content for an entirely new page on a statically generated Nuxt.js site, or do we have the wrong expectations about that in the first place?

Phil · September 1, 2021, 9:05am

Hello Taisei,

Welcome to the community!

It sounds like either you haven't set the fallback to 404 in your nuxt-config.js file:

github.com

prismicio/nuxtjs-website/blob/a2eae05415a62161db7169bc43501030af3f9d43/nuxt.config.js#L77


      
            build: {
              /*
               ** You can extend webpack config here
               */
              extend(config, ctx) {
                // to transform link with <nuxt-link> for the htmlSerializer
                config.resolve.alias["vue"] = "vue/dist/vue.common";
              }
            },
          
            generate: {
              fallback: "404.html" // Netlify reads a 404.html, Nuxt will load as an SPA
            }
          };

or you haven't configured the linkresolver to handle a new custom type. This and other common issues are discussed in your preview troubleshooting document here...

Thanks.

system · September 8, 2021, 3:05pm

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Preview help for new pages on a static Nuxt.js site Developing with Prismic nuxtjs	10	1497	December 9, 2021
Nuxt.js previewing drafts Developing with Prismic nuxtjs	3	806	December 9, 2021
Preview issue with Nuxt.js Developing with Prismic nuxtjs	4	1561	December 9, 2021
Prismic Preview Implementation in Nuxt project Developing with Prismic nuxtjs	9	1269	December 9, 2021
Does preview feature work only on un-generated page? Developing with Prismic nuxtjs	9	1074	July 25, 2022

Unpublished posts cannot be previewd with Nuxt.js

Related Topics