--- title: "Netlify | Use Nuxt Content v2 with Netlify" description: "Learn how to use the Nuxt Content v2 module on Netlify. Deploy your site today!" source: "https://www.netlify.com/blog/how-to-use-nuxt-content-v2-on-netlify/" last_updated: "2026-07-10T21:28:43.000Z" --- It’s finally here!!! 🎉 The long awaited Nuxt Content v2 module has been released, which marks another important milestone in the journey for Nuxt 3. ## What is Nuxt Content? Nuxt Content is a plugin for Nuxt that enables your app to ingest Markdown, YAML, CSV and JSON files into your app. And while that might sound fairly basic at first glance, this unlocks a world of possibility with the ability to empower developers to: - Use local content files within their codebase as their content management system (CMS). In other words, you don’t need a third party CMS! - Utilize Vue Components within your Markdown files that automatically get rendered correctly by Nuxt Content - Enhanced Markdown syntax for [Markdown Components](https://content.nuxtjs.org/guide/writing/mdc) that allows for an improved user experience for writing custom blocks or passing attributes to content - Query any content from Nuxt Content so that you have the flexibility to get what you need when you need it - Utilize a built-in REST API for every document - And much more! ## How to Get Started ### Starting a new project? If you’re starting a brand new project, the fastest way to get started is to click on the Deploy to Netlify button to get a starter template that will automatically be deployed and connected to GitHub! [![Deploy to Netlify](https://www.netlify.com/img/deploy/button.svg)](https://app.netlify.com/start/deploy?repository=https://github.com/bencodezen/nuxt-content-v2-netlify-template) ### Have an existing project? If you already have an existing Nuxt 3 project, you can use your preferred installer to add `@nuxt/content` as a dependency to your project. ``` # npmnpm install --save-dev @nuxt/content # yarnyarn add --dev @nuxt/content ``` Then, inside of your `nuxt.config.ts` file, add `@nuxt/content` to your modules config. ``` import { defineNuxtConfig } from 'nuxt' export default defineNuxtConfig({ modules: [ '@nuxt/content' ]}) ``` And just like that, your app is ready to ingest Markdown, YAML, CSV and JSON from the default `content` directory. ## Next Steps And just like that, you’re now ready to build Nuxt 3 sites using Markdown, YAML, CSV and JSON files to power your content! We’ll have more content coming your way on how to make the most of Nuxt Content v2, but in the meantime, here are some additional resources for you to check out in the menatime: - [Official Nuxt Content Docs](https://content.nuxtjs.org/get-started) - [Demo of Nuxt Content v2 in 3 Minutes](https://www.youtube.com/watch?v=o9e12WbKrd8) - [Announcing Nuxt Content v2 Blog Post](https://content.nuxtjs.org/blog/announcing-v2/) Looking forward to seeing what you create with the new Nuxt Content v2! ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=How to Use Nuxt Content v2 on Netlify&url=https://www.netlify.com/blog/how-to-use-nuxt-content-v2-on-netlify/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fhow-to-use-nuxt-content-v2-on-netlify%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/how-to-use-nuxt-content-v2-on-netlify/) - [Bluesky](https://bsky.app/intent/compose?text=How to Use Nuxt Content v2 on Netlify+https://www.netlify.com/blog/how-to-use-nuxt-content-v2-on-netlify/) * * * ### Tags - [Nuxt](/blog/tags/nuxt/) - [content](/blog/tags/content/) ## Keep reading ![](/images/blog-fallback-thumbnail.svg) News & Announcements October 12, 2021 [ ### Nuxt 3 is live in public beta and ready to deploy on Netlify today ](/blog/2021/10/12/nuxt-3-is-live-in-public-beta-and-ready-to-deploy-on-netlify-today/) - ![Profile picture of Ben Hong](/_astro/9d8ffdfbbafb67a111dae8c166ab28fcf2f5d2a1-460x460_5YpV0.webp) Ben Hong ![](/_astro/3f45eb6eda4ea8814be310e3df4a7883a5bd9ba0-1200x675_ZcBDUS.webp) Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)