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