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.
Nuxt is the intuitive web framework to build all kind of Vue.js 3 applications with confidence and stellar developer experience.
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
Prismic Nuxt 3 documentation: prismic.io/docs/nuxt-3-setup
Prismic Nuxt 3 module documentation: prismic.nuxtjs.org
Nuxt 3 documentation: nuxt.com
---
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 Next.js 13, Prismic, Tailwind and Typescript:
• Next.js Full Website T...
► [Tutorial] Build a full website with Nuxt 3 and Prismic's new Page Builder:
• Nuxt 3 Crash Course - ...
► [Starters] Try Slice Machine on Nuxt: prismic.club/nuxt-starters
► [Starters] Try Slice Machine on Next.js: prismic.club/nextjs-starters
► [Learn more about Slice Machine]: prismic.club/slice-machine
---
📍 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
Негізгі бет Ғылым және технология Nuxt 3 & Prismic: Full Setup in Just 10 Minutes!
Пікірлер: 3