#Stable (+-) quick start version for UI PRO + CONTENT + STUDIO

3 messages · Page 1 of 1 (latest)

covert pecanBOT
#

Hi @nova sun. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:

#

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:

  1. 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
    
  2. Install Nuxt Content v3:
    Follow the installation guide for Nuxt Content v3:

    pnpm add @nuxt/content
    
  3. 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'>
        }
      }
    })
    
  4. Set up your content configuration:
    Create a content.config.ts file as shown in the Content installation guide:

    import { defineContentConfig, defineCollection } from '@nuxt/content'
    
    export default defineContentConfig({
      collections: {
        content: defineCollection({
          type: 'page',
          source: '**/*.md'
        })
      }
    })
    
  5. For Studio compatibility:
    Update your nuxt.schema.ts file 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.

If you need a ready-to-use template that's confirmed to work with the latest versions, you might want to check the Nuxt UI Pro documentation or the Nuxt Content templates page for any updates on v3-compatible starters or templates.

Note: you can ask me a follow up question by @ mentioning me again :speech_balloon: