Blogs

Tools

• Nuxt Content: Render blog posts.

Setup

1. Create a markdown file:
   • Go to content/blog and add a new markdown file
   • For other languages:
     • Define a new collection in content.config.ts with the appropriate source for that locale.
     • Create a folder for the locale (e.g., content/es/blog) and add a Markdown file inside it.
2. Markdown Content:

   content/blog/my-new-post.md or content/blog/en/my-new-post.md  ---  title: My New Blog Post description: A guide to blogging in Your App. authors: - name: Tom Han to: https://x.com/tomhan245 avatar: src: https://pbs.twimg.com/profile_images/1912148914104397824/4wbjkrZ7_400x400.jpg date: 2025-09-08 badge: label: SaaS  ---  ## Introduction  This is the content of your blog post. 

3. View and Verify the Blog:
   • Go to /blog to see the blog list with titles, descriptions, thumbnails, and categories.
   • Open your new post at /blog/my-new-post to confirm it renders correctly.
4. SEO & Sitemap:
   • SEO is handled automatically using your content's title and description.
   • Sitemap generation is also automatic.
   • Customize further in page components if needed (see Nuxt SEO Documentation).
   • Track SEO and sitemap performance in Google Search Console.

Folder Structure

content/ ├─ blog/ │ └─ my-first-blog.md └─ es/ └─ blog/ └─ my-first-blog.md