#Stable (+-) quick start version for UI PRO + CONTENT + STUDIO
3 messages · Page 1 of 1 (latest)
To start a project with Nuxt Content 3 and UI Pro 3, along with Studio integration, I can suggest a workable path based on the latest information from the knowledge sources:
-
Start with Nuxt UI Pro v3:
Install the latest alpha version of Nuxt UI Pro v3 as mentioned in the Nuxt UI Pro Migration guide:pnpm add @nuxt/ui-pro@next -
Install Nuxt Content v3:
Follow the installation guide for Nuxt Content v3:pnpm add @nuxt/content -
Configure your
nuxt.config.ts:
Add both modules and set up the Studio preview API as described in the migration guide:export default defineNuxtConfig({ modules: ['@nuxt/ui-pro', '@nuxt/content'], content: { preview: { api: '<https://api.nuxt.studio'> } } }) -
Set up your content configuration:
Create acontent.config.tsfile as shown in the Content installation guide:import { defineContentConfig, defineCollection } from '@nuxt/content' export default defineContentConfig({ collections: { content: defineCollection({ type: 'page', source: '**/*.md' }) } }) -
For Studio compatibility:
Update yournuxt.schema.tsfile to use the new import for app config updates:import { defineNuxtSchema } from '@nuxt/content/preview'
Regarding the Premium Templates (SaaS and Dashboard), the knowledge sources don't provide specific information about their compatibility with v3. However, given that these are significant updates to both Nuxt UI Pro and Nuxt Content, it's likely that the templates may need to be updated to work with v3.
For the most stable and up-to-date setup, I recommend starting with the basic configuration outlined above and then gradually adding the features you need from the SaaS or Dashboard templates, adapting them to v3 as necessary.