::alert{type="info"}Check out an **info** alert with `code` and a [link](/).::::alert{type="success"}Check out a **success** alert with `code` and a [link](/).::::alert{type="warning"}Check out a **warning** alert with `code` and a [link](/).::::alert{type="danger"}Check out a **danger** alert with `code` and a [link](/).::
::block-hero---cta: - Get started - /get-startedsecondary: - Open on GitHub → - https://github.com/nuxtlabs/docussnippet: npx nuxi@latest init docus-app -t nuxtlabs/docus-starter---#titleDocument-driven framework#descriptionDocus reconciles content creators and developers by offering to both the best tools to create and scale content-based websites.::
::callout#summaryThis is a callout! Click me to open.#contentThis is the content of the callout.::::callout{type="warning"}#summaryThis is a callout! Click me to open.#contentThis is the content of the callout.::
Based on Nuxt 3 and Nuxt Content.
Use Nuxt to build a static site, or a serverless app.
Code
::card{icon="logos:nuxt-icon"} #title Nuxt Architecture. #description Based on **Nuxt 3** and **Nuxt Content**. :br Use Nuxt to build a static site, or a serverless app. ::
Harness the full power of Nuxt and the Nuxt ecosystem.
Vue Components.
Use built-in components (or your own!) inside your content.
Write Markdown.
Enjoy the ease and simplicity of Markdown and discover MDC syntax.
Code
::card-grid#titleWhat's included#root:ellipsis#default ::card #title Nuxt Architecture. #description Harness the full power of Nuxt and the Nuxt ecosystem. :: ::card #title Vue Components. #description Use built-in components (or your own!) inside your content. :: ::card #title Write Markdown. #description Enjoy the ease and simplicity of Markdown and discover MDC syntax. ::::
::list{type="primary"}- **Important**- Always::::list{type="success"}- Amazing- Congrats::::list{type="info"}- Do you know?- You can also do this::::list{type="warning"}- Be careful- Use with precautions::::list{type="danger"}- Drinking too much- Driving drunk::