# Does preview feature work only on un-generated page?

**URL:** <https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662>\
**Category:** Developing with Prismic\
**Tags:** nuxtjs\
**Created:** [October 29, 2021, 3:05pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662 "2021-10-29T15:05:35Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![woolim](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/woolim/32/3182_2.png) [@woolim](https://community.prismic.io/u/woolim)\
**Post date:** [October 29, 2021, 3:05pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/1 "2021-10-29T15:05:36Z")

</div>

Hello eveyone, I have a question about preview feature.

I am currently working on nuxt with static page, and preview it is working well with SSR dev server.

However, I found that preview is not working with the pages already generated when I test after generate pages. I want to know if it is normal or not.

When I read nuxt documentation, it is normal but I started to have doubt when I see the video guide on prismic site.

thx in advance !

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [November 2, 2021, 12:06pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/2 "2021-11-02T12:06:39Z")

</div>

Hello @woolim

Welcome to the Prismic community and thanks for reaching out to us.

If I understood your question correctly it means that Preview is not working for published pages in your case. **Previews** should work with unpublished and published pages. Can you please share the documentation link with me where you read about it?

Also, what error do you get when you click on the preview for published pages?

I am looking forward to hearing from you back.

Thanks,  
Priyanka

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [November 10, 2021, 10:25am UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/4 "2021-11-10T10:25:15Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![woolim](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/woolim/32/3182_2.png) [@woolim](https://community.prismic.io/u/woolim)\
**Post date:** [November 15, 2021, 8:06pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/6 "2021-11-15T20:06:56Z")

</div>

Sorry for late. I saw this link ([Nuxt - Preview Mode](https://nuxtjs.org/docs/features/live-preview/)) and below article. Preview doesn't work on static build, but working perfectly with dev server.

=====================================================  
Previewing pages that are not yet generated

For pages that are not yet generated, SPA fallback will still call the API before showing the 404 page as these pages exist on the API but are not generated yet.

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [November 16, 2021, 11:03am UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/9 "2021-11-16T11:03:28Z")

</div>

Hello @woolim

Can you tell me if you have the fallback set up for Netlify in your `Nuxt.config` file?

> <https://github.com/prismicio/nuxtjs-website/blob/16b5400c54081843be2f1e89b3f0fa173562c3c5/nuxt.config.js#L77>

---

<div class="post-metadata">

**Author:** ![woolim](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/woolim/32/3182_2.png) [@woolim](https://community.prismic.io/u/woolim)\
**Post date:** [November 16, 2021, 5:49pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/10 "2021-11-16T17:49:44Z")

</div>

Thanks for reply @Priyanka 🙂  
Yes, I setup fallback `true` in nuxt.config.js. The preview works perfectly on netlify for non-generated site because it fallback to SPA on 404 page.

But not for generated page. I've tested on my local, it has same problem as netlify env.  
I can't see ONLY preview of non generated page.

---

<div class="post-metadata">

**Author:** ![Priyanka](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/priyanka/32/3223_2.png) [@Priyanka](https://community.prismic.io/u/Priyanka)\
**Post date:** [November 18, 2021, 1:00pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/13 "2021-11-18T13:00:43Z")

</div>

Can you also make sure that you don't have modern set to true in the `nuxt.config.js` file?

`modern: true`

This has been known to cause issues:

> [@Nuxt Generate won't create repeatable type pages](https://community.prismic.io/t/nuxt-generate-wont-create-repeatable-type-pages/6753/12):
>
> I finally solved the problem. Setting "modern" to true seemed like a good idea but it was breaking the Nuxt crawler... prismic: { endpoint: 'https://acrew-financial.cdn.prismic.io/api/v2', linkResolver: '@/plugins/link-resolver', htmlSerializer: '@/plugins/html-serializer', apiOptions: { routes: [{ type: 'resource\_item', path: '/resources/:uid' }] } // modern: true }, This is what lead me there in the…

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [November 29, 2021, 9:24am UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/14 "2021-11-29T09:24:37Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/system/32/1746_2.png) [@system](https://community.prismic.io/u/system)\
**Post date:** [December 9, 2021, 3:16pm UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/15 "2021-12-09T15:16:27Z")

</div>



---

<div class="post-metadata">

**Author:** ![woolim](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/woolim/32/3182_2.png) [@woolim](https://community.prismic.io/u/woolim)\
**Post date:** [July 25, 2022, 9:09am UTC](https://community.prismic.io/t/does-preview-feature-work-only-on-un-generated-page/7662/16 "2022-07-25T09:09:37Z")

</div>

Finally I found reason why preview was not working for generated pages.  
It's because I didn't make prismic data as `reactive`.

My previous code was like this, it doesn't change content even though nuxt re-fetch all content because primary, items are seperated states in the component.

```auto
data() {
   return {
      primary: this.slice.primary,
      items: this.slice.items,
   }
}

```

So I changed data to computed and it works !

```auto
computed: {
  primary() { 
     return this.slice.primary
  },
  items() {
      return this.slice.items 
  }
}

```

I hope other people don't make stupid mistakes like me.ahah
