Nuxt 3 & Prismic: Full Setup in Just 10 Minutes!

Are you excited about Nuxt 3? We are!

Over the last few months we released a lot of new things and features providing full support for Nuxt 3 with Prismic and Slice Machine.

In this video tutorial, we will guide you through the process of setting up a brand new Nuxt 3 project with Prismic under 10 minutes! We'll cover the essentials from Prismic init command, touring the project, to creating our first Slice and developing it in isolation in the simulator!

🔗 Resources

---

As a developer, you should build websites using your favorite Jamstack framework.
Prismic allows you to build website sections, that you can connect to a website builder for your client or team. They will create pages from there and you get that content back to your code through our fast API.

► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:

---

📍 Chapters:
00:00 - Introduction - Slice Machine 101
00:36 - Getting started - Nuxt 3 and Prismic setup
01:28 - Creating a Prismic repository - New CLI experience
02:57 - Project tour - What a Nuxt 3 x Prismic project looks like
04:10 - Finishing installation - Quick cleanup
05:03 - Let's get developing! - Launching Nuxt 3 & Slice Machine UI
06:11 - Creating our first Slice - Slice Machine UI
07:14 - TypeScript integration demo - Everything is typed automatically!
07:58 - Slice Simulator - Develop your Slices in isolation
09:41 - Updating mocks in realtime & take screenshots of them
10:15 - Outro

—

#nuxtjs #nuxt3

[charlenebonnardeaux]

Hi just in case someone are face to same issue: if you can't logged in, go to your root folder and just delete .prismic (rm ~/.prismic) then rerun the command to initialise Slice Machine :)
It's just awesome by the way thanks for this video!

[omotionmedia]

Looks interesting. Is it fairly easy to code?