NuxtVueBlog

radiant-nuxt — Nuxt Blog Template

By yuxbao

Radiant is a minimal personal blog theme based on Nuxt and Nuxt Content, featuring a glassmorphism visual style and file-based content management, with code open-sourced under the MIT license.

Open Source Site Download Source ZIP

Explore the design

Compare the page layouts and mobile experience. Open any screenshot for a closer look.

1 previews

Author preview

Visit websiteOpens in a new tab

Author-provided preview

Preview provided in the project README.

One original preview is available. Open the full image to inspect the design.

Screenshots show visual appearance; interactive behavior may differ.

Recorded 2026-10-01View source

What stands out

A quick read of the recorded project description.

Static blog theme built with Nuxt and Nuxt Content, with content managed as Markdown files

Cards and navigation use glassmorphism (frosted glass) visual effects, with an overall clean, cool-toned style

Built-in MDC components such as ::card, ::badge, ::grid, and ::alert, usable directly in Markdown

Codebase written in TypeScript, with responsive layouts for mobile and desktop

Includes meta tags and page structure handling for search engines

MIT licensed, allowing free use, modification, commercial use, and distribution

Template Details

Radiant is a static site theme for personal blogs, built with Nuxt and Nuxt Content. Content is stored as Markdown files in the content/posts directory, with frontmatter fields for title, description, date, author, and tags. The theme emphasizes typography and a restrained "cool-toned" aesthetic, using frosted glass effects for cards and navigation, and includes built-in MDC components such as ::card, ::badge, ::grid, and ::alert for direct use in Markdown. The codebase is written in TypeScript, with responsive layouts for both mobile and desktop, and includes meta tags and structural handling for search engines.

For usage, the project offers a one-click Vercel deployment entry, or you can clone it locally, install dependencies, and start the development server, accessible by default at localhost:3000. Site title and meta information are adjusted in nuxt.config.ts, while global styles are located in app/app.vue and app/layouts/default.vue. The README recommends Node.js 18 or higher and suggests pnpm as the package manager.

Regarding licensing, the repository uses the MIT license, allowing free use, modification, commercial use, and distribution of this version of the code, provided copyright and license notices are retained upon distribution. Third-party assets such as demo images, fonts, and icons require separate license verification, and external services like domains and hosting may incur additional charges.

NuxtBlog

Is it right for your project?

Use Cases

Building a personal tech blog or writing site, maintaining articles with Markdown files
Experiencing Nuxt Content's file-based content management and MDC component syntax in a Nuxt project
A lightweight blog frontend that requires a glassmorphism visual style and emphasizes typography
Quickly previewing the blog theme via one-click Vercel deployment or local running

Suitable For

Personal bloggers who want to write in Markdown without relying on a database
Frontend developers familiar with or willing to learn Nuxt and TypeScript
Users of blog themes who need an MIT license and the ability to modify and distribute
Site authors who prefer a minimalist, cool-toned, and frosted glass visual style

Getting started & customization

Use these recorded setup notes alongside the repository instructions for your chosen version.

1
Environment requirements: Node.js 18 or higher; the README recommends pnpm.
2
Local run: clone the repository, run pnpm install, then start with pnpm dev, accessible by default at http://localhost:3000.
3
You can also deploy directly via the Vercel deploy button in the README.
4
Articles are written in Markdown files in the content/posts directory; frontmatter supports fields such as title, description, date, author, and tags.
5
Site title and meta are modified in nuxt.config.ts; global styles are located in app/app.vue and app/layouts/default.vue.

Read repository instructions

License & source material

Usage conditions & limitations

Free to use · keep license notice

This entry covers the free version under the MIT license in the public repository; the free scope applies to this version of the code and does not imply that external services or third-party assets are free.

Must comply with when using

Free use, modification, commercial use, and distribution of this version of the code are permitted.
When distributing copies or substantial portions of the code, retain the original author's copyright notice and the full MIT license notice.
The code is provided as-is; warranties and limitations of liability are governed by the original license and applicable law.

Additional costs & items to verify

Demo images, fonts, icons, and other third-party assets must be checked against their respective licenses and cannot be judged solely by the code's MIT license.
External services such as domains, hosting, databases, payments, or AI may incur additional charges.

View Original Text Basis

Permission is hereby granted, free of charge
Original License Text

https://github.com/yuxbao/radiant-nuxt/blob/main/LICENSE https://github.com/yuxbao/radiant-nuxt/blob/main/README.md

Compiled by DeepSeek based on repository license and README ·2026-10-01. Results only cover the materials read; dependencies, images, fonts, and subsequent term changes are subject to their respective original texts.

Project checks & description sources

Template Information

Source platforms: GitHub
Documentation and maintenance reference score: More documented · 83 / 100
Technologies: Nuxt · Vue
Website type: Blog

How this score is calculated

Our heuristic uses license records (up to 30), a demo link (12), a preview (10), stars (15), recorded maintenance (15), description completeness (8), feature records (5) and classification data (5). It is not a code, security or performance test, or a Google score. A link does not establish tested functionality.

What to verify for this project

Repository update recorded: 2025-12-23
Screenshot last checked: 2026-10-01

A demo link is listed. Check it with your own content and viewport sizes; its presence does not confirm that forms, authentication or payments work.

The catalog identifies Nuxt as the primary stack. Check the actual dependency manifest and lockfile for versions and hosting requirements. These notes use recorded metadata, not a code audit or a deployment test.

Use a selection guide →

How this description was prepared

AI-assisted description based on catalog records and repository material. Repository authors are not automatically the reviewers of this description.

Automatically checked against source and license rules; no manual editorial review.

Inspect the recorded source material

SHA-256: 92d9c366e801a966b0ed786a8c00a0b18d8a6b8e08ccb46bf61513f9dbcfd44b

2026-10-01T00:34:39.123Z

Source file / repository

# Radiant [![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https://github.com/yuxbao/radiant-nuxt)

<img src="https://img.shields.io/github/v/release/yuxbao/radiant-nuxt?style=hero&color=%23FFFFFF&label=version&labelColor=%2383C092" alt="Version"/>

[中文文档](./README.zh-CN.md)

<p align="center">
   <img src="./public/logo.png" alt="Radiant Theme Logo" style="width: 200px;"/>
</p>

**Radiant** is a modern, minimal static blog theme built with **Nuxt 4** and **Nuxt Content**. It features a clean "cold" aesthetic, glassmorphism effects, and a focus on typography.

## ✨ Features

<p align="center">
  <img src="./public/screenshot.png" alt="Radiant Theme Screenshot" style="width: 80%; border: 1px solid #eaeaea; border-radius: 8px;"/>
</p>

- **Glassmorphism Design**: Frosted glass effects on cards and navigation.
- **Nuxt Content v3**: Powerful file-based CMS.
- **TypeScript**: Fully typed codebase.
- **Responsive**: Looks great on mobile and desktop.
- **Custom Components**: Built-in MDC components like `::card`, `::badge`, `::grid`, and `::alert`.
- **SEO Friendly**: Optimized meta tags and structure.

## 🚀 Getting Started

### Prerequisites

- Node.js (v18 or later)
- pnpm (recommended)

### Installation

Click on "deploy" button above to deploy to Vercel instantly, or follow these steps to run locally:

1. Clone the repository:

   ```bash
   git clone https://github.com/yuxbao/radiant-nuxt.git
   cd radiant-nuxt
   ```

2. Install dependencies:

   ```bash
   pnpm install
   ```

3. Start the development server:
   ```bash
   pnpm dev
   ```

Visit `http://localhost:3000` to see your blog.

## 📝 Writing Content

Create Markdown files in the `content/posts` directory.

```markdown
---
title: "My First Post"
description: "This is a description."
date: "2024-03-22"
author: "Your Name"
tags: ["Nuxt", "Blog"]
---

# Hello World

Write your content here...
```

## 🎨 Customization

- **App Config**: Edit `nuxt.config.ts` to change site title and meta.
- **Styles**: Global styles are in `app/app.vue` and `app/layouts/default.vue`.

## 📄 License

MIT

Report a correction

Explore similar templates

Compare previews and descriptions within the same stack and category.

alpine-theme

Alpine is a minimalist blog theme built on Nuxt and Nuxt Content, supporting Markdown and MDC syntax with over 30 components from Nuxt Elements.

Nuxt · Blog

bael-template

Bael is a brutalist-style blog template built with Nuxt.js and Vue.js, using Netlify CMS for content management and deploying to Netlify. Content is stored as files in a Git repository and edited through the /admin path.

Nuxt · Blog

bloggrify

Bloggrify is a Nuxt layer that turns Markdown files into a blog site, built on Nuxt Content with preconfigured analytics, newsletter, comments, SEO, RSS, and content components.

Nuxt · Blog

Nuxt_Mkdirs

An open-source directory site template built with Nuxt and Sanity CMS, with three homepage layouts, Google/GitHub OAuth login, Stripe and Creem payment channels, Resend transactional email and newsletter subscriptions, and optional AI auto-fill for submissions.

Nuxt · Blog

BlogiNote

BlogiNote is a Nuxt Content theme that generates a static blog and notes site from Markdown, JSON, CSV, and other files.

Nuxt · Blog

nuxt-content-template

An opinionated Nuxt Content template for Markdown blogs, with i18n, dark mode, TailwindCSS, LaTeX formulas, and static generation.

Nuxt · Blog