# Nuxt.JS slice machine

**URL:** <https://community.prismic.io/t/nuxt-js-slice-machine/6314>\
**Category:** Developing with Prismic\
**Tags:** slice-machine\
**Created:** [July 20, 2021, 10:16am UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314 "2021-07-20T10:16:50Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![julio](https://avatars.discourse-cdn.com/v4/letter/j/7ba0ec/32.png) [@julio](https://community.prismic.io/u/julio)\
**Post date:** [July 20, 2021, 10:16am UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/1 "2021-07-20T10:16:50Z")

</div>

@Phil

Following my issues posted on GitHub, and especially your answer [custom\_types are not automatically populated into prismic.io · Issue #5 · prismicio-community/nuxt-starter-prismic-multi-page · GitHub](https://github.com/prismicio-community/nuxt-sm-tutorial-series/issues/5#issuecomment-883241594) I post a new issue about the doc here.

When we run the example with (use npm, do not use yarn currently, I've posted an issue on GitHub about this)

```auto
npm dev

```

We have at [http://locahost:3000](http://locahost:3000)

```auto
Your SliceZone is empty

To start rendering components here, create a document on Prismic.
Then, update your SliceZone accordingly:

<slice-zone type="pageType" uid="pageUid" />
Create a page on Prismic!

```

On the tutorial, there is no such explanation. It could be very cool to explain and demonstrate how and in wish file change this in the example.

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [July 20, 2021, 10:19am UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/2 "2021-07-20T10:19:09Z")

</div>

Hi Julio,

You can follow the tutorial series here:

> **[Starter Tutorial Series Intro Nuxt.js](https://prismic.io/docs/technologies/tutorial-series-introduction-nuxtjs)**
>
> Get a quick overview of the contents of our 'Start From Scratch' tutorial series with Nuxt.js.

Or check the technical documentation for making Slices here:

> **[Create and Model a Component with Nuxt.js](https://prismic.io/docs/technologies/create-model-component-nuxtjs)**
>
> This article will teach you how to generate a component template and model your content with the Prismic Builder.

---

<div class="post-metadata">

**Author:** ![julio](https://avatars.discourse-cdn.com/v4/letter/j/7ba0ec/32.png) [@julio](https://community.prismic.io/u/julio)\
**Post date:** [July 20, 2021, 10:47am UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/4 "2021-07-20T10:47:40Z")

</div>

@Phil thanks for your answer.

I've already read this tutorial several times

I've created slices, pushed slices, created Custom Types, Document, try to publish, or see the preview.

But I don't see any explanation on the tutorial how to fix this. I must search again.

(Preview seems to be broken too, I have already checked [Troubleshooting: Previews](https://community.prismic.io/t/troubleshooting-previews/5449) )

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [July 20, 2021, 10:51am UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/5 "2021-07-20T10:51:26Z")

</div>

OK, that's clearer so you've published content, but you're still seeing an empty Slice Zone.

Are you directing to the correct UID for the published page?

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [July 20, 2021, 10:53am UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/6 "2021-07-20T10:53:33Z")

</div>

Can you tell me what version of `slice-machine-ui` you have installed? It should be `^0.1.0-beta.1`

---

<div class="post-metadata">

**Author:** ![julio](https://avatars.discourse-cdn.com/v4/letter/j/7ba0ec/32.png) [@julio](https://community.prismic.io/u/julio)\
**Post date:** [July 20, 2021, 12:59pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/7 "2021-07-20T12:59:19Z")

</div>

@Phil

On this official example I've checked that version of slice-machine-ui. It is correct.

Thanks your release of version 4.0.2 of prismic-cli (see your post [custom\_types are not automatically populated into prismic.io · Issue #5 · prismicio-community/nuxt-sm-tutorial-series · GitHub](https://github.com/prismicio-community/nuxt-sm-tutorial-series/issues/5#issuecomment-883292872)), all work well (preview and page).

Maybe it was a problem with version 4.0 ?

Thanks for your help and your kindness @Phil !

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [July 20, 2021, 1:00pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/8 "2021-07-20T13:00:24Z")

</div>

So change the slice-machine-ui version worked?

---

<div class="post-metadata">

**Author:** ![julio](https://avatars.discourse-cdn.com/v4/letter/j/7ba0ec/32.png) [@julio](https://community.prismic.io/u/julio)\
**Post date:** [July 20, 2021, 1:03pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/9 "2021-07-20T13:03:20Z")

</div>

If I understand well, I've not changed version of slice-machine-ui.

I've upgraded `prisme-cli` from version 4.0.1 to 4.0.2 .

---

<div class="post-metadata">

**Author:** ![julio](https://avatars.discourse-cdn.com/v4/letter/j/7ba0ec/32.png) [@julio](https://community.prismic.io/u/julio)\
**Post date:** [July 20, 2021, 1:04pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/10 "2021-07-20T13:04:10Z")

</div>

slice-machine-ui is defined on package.json ? [nuxt-sm-tutorial-series/package.json at 74c494fc341e95ce0e5d6cf067a14d1ff4455e54 · prismicio-community/nuxt-sm-tutorial-series · GitHub](https://github.com/prismicio-community/nuxt-sm-tutorial-series/blob/74c494fc341e95ce0e5d6cf067a14d1ff4455e54/package.json#L19) /

---

<div class="post-metadata">

**Author:** ![Phil](https://dub1.discourse-cdn.com/flex013/user_avatar/community.prismic.io/phil/32/14_2.png) [@Phil](https://community.prismic.io/u/Phil)\
**Post date:** [July 20, 2021, 1:20pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/11 "2021-07-20T13:20:01Z")

</div>

Ahhhhh ok, perfect thanks Julio 🙂

---

<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:** [July 21, 2021, 1:20pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/12 "2021-07-21T13:20:04Z")

</div>

closed on July 21, 2021, 1:20pm UTC as resolved,  flag & select 'Something Else' to reopen.

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, 6:16pm UTC](https://community.prismic.io/t/nuxt-js-slice-machine/6314/13 "2021-12-09T18:16:10Z")

</div>

Opened on December 9, 2021, 6:16pm UTC


