Publish your Obsidian vault as a Next.js website.
Nuartz = Next.js + Quartz. Write in Obsidian, publish with Next.js 15 + shadcn/ui + Tailwind CSS v4. Full wikilink support, graph view, and every component is swappable.
This documentation site is built with Nuartz. The sidebar, search (Cmd+K), graph view, dark mode, wikilinks — everything you see here is Nuartz. Go ahead, explore.
Quick Start
git clone https://github.com/syshin0116/nuartz
cd nuartz
bun install
bun devDrop your Obsidian markdown files into apps/web/content/ and open http://localhost:3000.
See Installation & Setup for details →
Features
Full Obsidian Syntax
- Wikilinks —
[[note]],[[note|alias]],[[note#heading]]with dead link detection - Callouts —
> [!note],> [!warning]+with foldable support - Graph View — D3 force-directed graph visualizing note connections
- Backlinks & Popover Previews — navigate your vault like in Obsidian
Developer Features
- Full-text Search —
Cmd+K, FlexSearch-powered, CJK-aware - Syntax Highlighting — VS Code-quality code blocks via Shiki
- Dynamic OG Images — auto-generated social cards per page
- RSS Feed, TOC, Reader Mode, Comments (Giscus)
Built on shadcn/ui
Every UI component is built with shadcn/ui. Grab any component from ui.shadcn.com and drop it in. No theme constraints — customize at the React component level.
Why Nuartz?
Heavily inspired by Quartz. Nuartz borrows many of Quartz's ideas — Obsidian parsing, graph visualization, overall UX — and reimplements them on top of the Next.js + React ecosystem.
| Nuartz | Static generators | |
|---|---|---|
| Framework | Next.js 15 (App Router) | Custom templating |
| UI | shadcn/ui + Tailwind v4 | Built-in themes |
| Obsidian syntax | Full (wikilinks, callouts, tags, graph) | Partial / plugin-dependent |
| Customization | Any React component | Plugin API / theme overrides |
| Hosting | GitHub Pages, Vercel, Netlify, Docker | GitHub Pages, Netlify |