Clog — Nuxt + Tailwind + Bun

This is your Clog blog starter powered by Nuxt 4, TailwindCSS, and Bun. See the Nuxt docs for more.

Setup

Install dependencies with Bun:

bun install

Development Server

Start the dev server on http://localhost:3000:

bun run dev

Production

Build for production:

bun run build

Preview the production build:

bun run preview

Check out the deployment documentation for more information.

Writing blog posts

Blog posts live in Markdown files under content/blog. The filename (without the .md extension) becomes the post slug and is used to build the URL (/blog/<slug>).

Each post can provide YAML front matter at the top of the file to control the metadata that appears in the list and detail views:

---
title: "Post title"           # required — used for the page H1
subtitle: "Optional kicker"  # optional — shown under the title
description: "Summary"       # optional — displayed in the list view
author: "Your name"          # optional
date: 2024-05-01              # optional — ISO or parsable date string
tags: [nuxt, tutorial]        # optional — array of tag strings
---

Write the rest of your article in Markdown here.

When you add or edit a Markdown file, the server utility automatically parses the front matter and exposes the Markdown body. The blog detail page then renders that Markdown with md-editor-v3's preview component, so /blog and individual /blog/<slug> pages pick up the new content without additional configuration.

Do I need to run a command to convert Markdown to HTML?

No extra command is required. As long as you run the Nuxt dev server (bun run dev) or build the site (bun run build), the filesystem-based API reads the Markdown files and md-editor-v3 renders them to HTML on the client. Just save the .md file and refresh the page.