Integration

Diggama + Nuxt

Build powerful Vue.js applications with Nuxt's full-stack framework and Diggama's structured content API.

Hybrid Rendering

Choose SSR, SSG, or ISR per route. The right rendering for each page.

useFetch Composable

Fetch Diggama content with Nuxt's built-in composables. Automatic caching.

TypeScript First

Full TypeScript support. Auto-generated types for your Diggama content.

pages/blog/[slug].vue

<script setup lang="ts">
const route = useRoute()

const { data: post } = await useFetch(
  `https://api.diggama.com/v1/content/blog-post`,
  {
    query: { slug: route.params.slug },
    pick: ['title', 'content', 'publishedAt']
  }
)
</script>

<template>
  <article v-if="post">
    <h1>{{ post.title }}</h1>
    <time>{{ post.publishedAt }}</time>
    <div v-html="post.content" />
  </article>
</template>

Integration Features

Auto-refresh on Publish

Webhooks trigger ISR revalidation when content changes.

Preview Mode

Preview draft content with Nuxt's preview mode support.

Nuxt Image

Use Nuxt Image with Diggama's CDN for optimized images.

Nuxt Module

Optional Nuxt module for streamlined integration.

Start building with Nuxt

Get started with our Nuxt starter template and comprehensive documentation.

Start Free Trial View Docs

Need help with Nuxt?

Our team can help you integrate Diggama with your Nuxt project.