---
canonical_url: "https://strapi.nuxtjs.org"
---
<u-page-hero :links="[{"label":"Get started","to":"/setup","trailingIcon":"i-lucide-arrow-right"},{"label":"Star on GitHub","to":"https://github.com/nuxt-modules/strapi","target":"_blank","icon":"i-simple-icons-github","color":"neutral","variant":"subtle"}]" orientation="horizontal">
<template v-slot:title="">

Nuxt <span className="text-primary">

Strapi

</span>
</template>

<template v-slot:description="">

Nuxt module for first class integration with the Strapi CMS.

</template>

```ts [nuxt.config.ts]
export default defineNuxtConfig({
  modules: ['@nuxtjs/strapi'],
  strapi: {
    version: 'v5',
    prefix: '/api'
  }
})
```

</u-page-hero>

<u-page-section>
<template v-slot:title="">

Shipped with many features.

</template>

<template v-slot:features="">
<u-page-feature icon="i-simple-icons-nuxtdotjs">
<template unwrap="p" v-slot:title="">

Nuxt Ready

</template>

<template unwrap="p" v-slot:description="">

Leverage our auto-imported [composables](https://strapi.nuxtjs.org/usage) and our [devtools](https://strapi.nuxtjs.org/devtools) integration.

</template>
</u-page-feature>

<u-page-feature icon="i-simple-icons-strapi">
<template unwrap="p" v-slot:title="">

Strapi v5/v4/v3

</template>

<template unwrap="p" v-slot:description="">

Works with the different versions of Strapi.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-lock">
<template unwrap="p" v-slot:title="">

Authentication

</template>

<template unwrap="p" v-slot:description="">

Leverage [`useStrapiUser`](https://strapi.nuxtjs.org/auth) composable to bring auth to your app.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-server-cog">
<template unwrap="p" v-slot:title="">

RESTful

</template>

<template unwrap="p" v-slot:description="">

Interact with all the HTTP methods to your Strapi API.

</template>
</u-page-feature>

<u-page-feature icon="i-lucide-bug">
<template unwrap="p" v-slot:title="">

Error Handling

</template>

<template unwrap="p" v-slot:description="">

Handle errors with our [hooks](https://strapi.nuxtjs.org/advanced#errors-handling) to provide a great UX.

</template>
</u-page-feature>

<u-page-feature icon="i-simple-icons-typescript">
<template unwrap="p" v-slot:title="">

TypeScript Support

</template>

<template unwrap="p" v-slot:description="">

Our composables support types augmentation.

</template>
</u-page-feature>
</template>
</u-page-section>

## Resources for Agents

- [API catalog: every service document this site publishes](https://strapi.nuxtjs.org/.well-known/api-catalog)
- [Sitemap (XML)](https://strapi.nuxtjs.org/sitemap.xml)
- [Sitemap (Markdown): every page on the site](https://strapi.nuxtjs.org/sitemap.md)
- [MCP server card: MCP endpoint at https://strapi.nuxtjs.org/mcp](https://strapi.nuxtjs.org/.well-known/mcp/server-card.json)
- [MCP endpoint (streamable HTTP)](https://strapi.nuxtjs.org/mcp)
- [llms.txt: index of the documentation for LLMs](https://strapi.nuxtjs.org/llms.txt)
- [llms-full.txt: the full documentation as a single file](https://strapi.nuxtjs.org/llms-full.txt)
- [OpenAPI document: every route this site serves to agents](https://strapi.nuxtjs.org/openapi.json)


## Sitemap

See the full [sitemap](https://strapi.nuxtjs.org/sitemap.md) for all pages.