{children} ) } [V0_FILE]typescript:file="app/llms.txt/route.ts" import { GET as namespacedGET } from "../null-mdx/docs/llms.txt/route" export const GET = namespacedGET [V0_FILE]typescriptreact:file="app/not-found.tsx" import { Button } from "@/components/ui/button" export default function NotFound() { return (

Page not found

The page you're looking for doesn't exist or has been moved. Perhaps it's still in the void.

) } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/design/blog-entry/loading.tsx" export default function BlogEntryLoading() { return (

) } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/design/blog-entry/page.tsx" import Link from "next/link" import Image from "next/image" import { Button } from "@/components/ui/button" import { Badge } from "@/components/ui/badge" import { Input } from "@/components/ui/input" import { cn } from "@/lib/utils" const categories = ["All", "Engineering", "Design", "Product", "General"] import { getAllContent } from "@/lib/content" export default function BlogEntryPage() { const allPosts = getAllContent("blog") const featuredPost = allPosts[0] const recentPosts = allPosts.slice(1, 3) const categories = ["All", "Introduction", "Tech", "AI", "Design"] return (

The Blog

Insights from the edge.

"Deep dives into software engineering, product design, and the future of web development."

{/* Featured Post */}

Feature

{featuredPost.meta.title}

{featuredPost.meta.author} · {featuredPost.meta.date}

{/* Posts Grid */}

{recentPosts.map((post) => (

{post.meta.tags?.map(tag => ( {tag} ))}

{post.meta.title}

{post.meta.description}

{post.meta.date}

))}

{/* Newsletter */}

Join the inner circle

"The best of our writing, delivered directly to your inbox every month."

{/* Background flourish */}

) } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/design/docs-entry/loading.tsx" export default function DocsEntryLoading() { return (

) } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/design/docs-entry/page.tsx" import Link from "next/link" import { Search, ArrowRight, BookOpen, Zap, Code, Palette, Settings, Users, Sparkles, Terminal, Cpu } from "lucide-react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" const quickLinks = [ { title: "Installation", description: "Get up and running in minutes.", href: "/docs/installation", icon: Zap, color: "text-amber-500" }, { title: "MDX Support", description: "Write documentation in powerful MDX.", href: "/docs/mdx-support", icon: Code, color: "text-blue-500" }, { title: "Theming", description: "Full control over your brand identity.", href: "/docs/introduction", icon: Palette, color: "text-purple-500" }, { title: "Deployment", description: "Ship to production with zero friction.", href: "/docs/getting-started", icon: Sparkles, color: "text-emerald-500" }, ] const highlights = [ { title: "Core Concepts", icon: Cpu, items: ["Routing", "Data Fetching", "Rendering", "Optimization"] }, { title: "API Reference", icon: Terminal, items: ["Components", "Hooks", "Utilities", "Types"] }, ] export default function DocsEntryPage() { return (

{/* Hero */}

Documentation

The foundation for exceptional products.

"Every great feature begins with world-class documentation. Start building with our comprehensive guides and developer-first components."

⌘ K

{/* Decorative elements */}

{/* Quick Links */}

{quickLinks.map((link) => (

{link.title}

"{link.description}"

))}

{/* High-Level Topics */}

{highlights.map((section) => (

{section.title}

{section.items.map((item) => ( {item} ))}

))}

{/* Community CTA */}

Building something great?

"Join thousands of developers building the future of the web with Null MDX. Get support, share ideas, and ship faster together."

{/* Flourishes */}

) } function cn(...classes: any[]) { return classes.filter(Boolean).join(" ") } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/design/loading.tsx" export default function DesignLoading() { return (

) } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/design/page.tsx" import Link from "next/link" import { FileText, BookOpen, ArrowRight, Layout, Palette, Type, Box } from "lucide-react" const templates = [ { title: "Documentation Entry", description: "A polished landing page for documentation with search, quick links, and categorized navigation.", href: "/design/docs-entry", icon: BookOpen, color: "bg-blue-500/10 text-blue-500", }, { title: "Blog Entry", description: "A full-featured blog landing with featured posts, category filters, and newsletter signup.", href: "/design/blog-entry", icon: FileText, color: "bg-purple-500/10 text-purple-500", }, ] const components = [ { name: "Buttons", icon: Box }, { name: "Typography", icon: Type }, { name: "Colors", icon: Palette }, { name: "Layouts", icon: Layout }, ] export default function DesignPage() { return ( <>

Design System

UI Templates & Components

Pre-built, production-ready templates and components for building high-quality documentation and blogs.

Page Templates

{templates.map((template) => (

{template.title}

"{template.description}"

{/* Subtle gradient overlay */}

))}

UI Kit Concepts

{components.map((comp) => (

{comp.name}

Coming Soon

))}

) } function cn(...classes: any[]) { return classes.filter(Boolean).join(" ") } [V0_FILE]typescriptreact:file="app/null-mdx/(design-system)/layout.tsx" import type React from "react" import { Suspense } from "react" export default function DesignSystemLayout({ children, }: { children: React.ReactNode }) { return {children} } [V0_FILE]typescriptreact:file="app/null-mdx/about/page.tsx" import { siteConfig } from "@/lib/site-config" import type { Metadata } from "next" export const metadata: Metadata = { title: "About", description: `About ${siteConfig.name} - ${siteConfig.tagline}`, } export default function AboutPage() { return ( <>

{/* Hero */}

About Null

The first v0 template built for the new VM-based architecture. Real MDX, real files, real power.

{/* Story */}

The Story

In programming,{" "} null{" "} represents the void - the absence before creation. It's the blank state from which everything begins.

We chose this name because Null is the first. The first v0 template to support real markdown files. The first to bridge the gap between documentation and blogging. The first to truly embrace the new VM-based model.

Built with Next.js, MDX, and Supabase Storage, Null represents a new paradigm: content as code, rendered on demand, with the flexibility to switch between documentation and blog modes with a single config change.

{/* Features */}

What Makes Null Different

// Real MDX files - not hardcoded content or mock data
// Unified docs and blog in one template
// Supabase Storage integration for assets
// AI-native with llms.txt endpoint
// RSS feed, search, and full accessibility

{/* Links */}

{siteConfig.social.twitter && ( Twitter )} {siteConfig.social.github && ( GitHub )} {siteConfig.author.email && ( Contact )}

) } [V0_FILE]typescript:file="app/null-mdx/api/assets/[name]/route.ts" import { NextResponse } from "next/server" import { getSupabaseClient } from "@/lib/supabase/client" const BUCKET_NAME = "docs-blog-media" export async function GET(request: Request, { params }: { params: Promise<{ name: string }> }) { try { const { name } = await params const supabase = getSupabaseClient() // Download the file from Supabase storage const { data, error } = await supabase.storage.from(BUCKET_NAME).download(name) if (error) { console.error("[v0] Failed to download asset:", error) return NextResponse.json({ error: "Asset not found" }, { status: 404 }) } // Get content type from file extension const ext = name.split(".").pop()?.toLowerCase() const contentTypeMap: Record = { jpg: "image/jpeg", jpeg: "image/jpeg", png: "image/png", gif: "image/gif", webp: "image/webp", svg: "image/svg+xml", pdf: "application/pdf", mp4: "video/mp4", webm: "video/webm", } const contentType = contentTypeMap[ext || ""] || "application/octet-stream" // Convert blob to array buffer const arrayBuffer = await data.arrayBuffer() return new NextResponse(arrayBuffer, { headers: { "Content-Type": contentType, "Cache-Control": "public, max-age=31536000, immutable", }, }) } catch (error) { console.error("[v0] Asset serve error:", error) return NextResponse.json({ error: "Failed to serve asset" }, { status: 500 }) } } [V0_FILE]typescript:file="app/null-mdx/api/assets/route.ts" import { createServerClient } from "@supabase/ssr" import { cookies } from "next/headers" import { type NextRequest, NextResponse } from "next/server" const BUCKET_NAME = "docs-blog-media" async function getSupabaseServer() { const cookieStore = await cookies() return createServerClient(process.env.NEXT_PUBLIC_SUPABASE_URL!, process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!, { cookies: { getAll() { return cookieStore.getAll() }, setAll(cookiesToSet) { cookiesToSet.forEach(({ name, value, options }) => { cookieStore.set(name, value, options) }) }, }, }) } export async function GET(request: NextRequest) { const { searchParams } = new URL(request.url) const folder = searchParams.get("folder") || "" const supabase = await getSupabaseServer() const { data, error } = await supabase.storage.from(BUCKET_NAME).list(folder, { sortBy: { column: "created_at", order: "desc" }, }) if (error) { console.log("[v0] GET assets error:", error.message) return NextResponse.json({ error: error.message }, { status: 500 }) } console.log("[v0] GET assets success, count:", data?.length) return NextResponse.json({ assets: data }) } export async function POST(request: NextRequest) { const formData = await request.formData() const files = formData.getAll("files") as File[] if (!files || files.length === 0) { return NextResponse.json({ error: "No files provided" }, { status: 400 }) } const supabase = await getSupabaseServer() const results: { url: string; path: string }[] = [] for (const file of files) { // Generate timestamped filename to avoid collisions const timestamp = Date.now() const safeName = file.name.replace(/[^a-zA-Z0-9.-]/g, "-") const path = `${timestamp}-${safeName}` const { data, error } = await supabase.storage.from(BUCKET_NAME).upload(path, file, { cacheControl: "31536000", upsert: true, }) if (error) { console.log("[v0] POST upload error:", error.message) return NextResponse.json({ error: error.message }, { status: 500 }) } const url = `${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/${BUCKET_NAME}/${data.path}` results.push({ url, path: data.path }) } return NextResponse.json({ uploads: results }) } export async function DELETE(request: NextRequest) { const { searchParams } = new URL(request.url) const path = searchParams.get("path") if (!path) { return NextResponse.json({ error: "Path is required" }, { status: 400 }) } const supabase = await getSupabaseServer() const { error } = await supabase.storage.from(BUCKET_NAME).remove([path]) if (error) { return NextResponse.json({ error: error.message }, { status: 500 }) } return NextResponse.json({ success: true }) } [V0_FILE]typescript:file="app/null-mdx/api/search/route.ts" import { NextResponse } from "next/server" import { getAllContent } from "@/lib/content" const staticPages = [ { slug: "design", title: "Design System", description: "Browse UI templates and design patterns for docs and blog pages", type: "page" as const, path: "/design", }, { slug: "design/docs-entry", title: "Docs Entry Template", description: "A polished documentation landing page with search, quick links, and categorized sections", type: "page" as const, path: "/design/docs-entry", }, { slug: "design/blog-entry", title: "Blog Entry Template", description: "A full-featured blog landing with featured posts, categories, and newsletter signup", type: "page" as const, path: "/design/blog-entry", }, { slug: "assets", title: "Assets Manager", description: "Upload, manage, and copy asset URLs for use in your content", type: "page" as const, path: "/assets", }, { slug: "about", title: "About", description: "Learn more about this project and its features", type: "page" as const, path: "/about", }, ] export async function GET() { const blogPosts = getAllContent("blog") const docs = getAllContent("docs") const results = [ ...staticPages, ...blogPosts.map((post) => ({ slug: post.slug, title: post.meta.title, description: post.meta.description, type: "blog" as const, path: `/blog/${post.slug}`, })), ...docs.map((doc) => ({ slug: doc.slug, title: doc.meta.title, description: doc.meta.description, type: "docs" as const, path: `/docs/${doc.slug}`, })), ] return NextResponse.json(results) } [V0_FILE]typescriptreact:file="app/null-mdx/assets/layout.tsx" import { MainLayout } from "@/components/main-layout" import type React from "react" export default function AssetsLayout({ children, }: { children: React.ReactNode }) { return {children} } [V0_FILE]typescriptreact:file="app/null-mdx/assets/page.tsx" "use client" import type React from "react" import { useState, useEffect, useCallback } from "react" import { Button } from "@/components/ui/button" import { Input } from "@/components/ui/input" import { Card, CardContent } from "@/components/ui/card" import { Upload, Trash2, Copy, Check, ImageIcon, FileText, Loader2 } from "lucide-react" import { cn } from "@/lib/utils" interface Asset { name: string id: string updated_at: string created_at: string metadata: { size: number mimetype: string } } export default function AssetsPage() { const [assets, setAssets] = useState([]) const [loading, setLoading] = useState(true) const [uploading, setUploading] = useState(false) const [dragActive, setDragActive] = useState(false) const [copiedId, setCopiedId] = useState(null) const fetchAssets = useCallback(async () => { try { const res = await fetch("/api/null-mdx/assets") if (!res.ok) { console.error("Failed to fetch assets: HTTP", res.status) setAssets([]) } else { const data = await res.json() setAssets(data.assets || []) } } catch (error) { console.error("Failed to fetch assets:", error) setAssets([]) } finally { setLoading(false) } }, []) useEffect(() => { fetchAssets() }, [fetchAssets]) const handleUpload = async (files: FileList | null) => { if (!files || files.length === 0) return setUploading(true) const formData = new FormData() for (let i = 0; i < files.length; i++) { formData.append("files", files[i]) } try { const res = await fetch("/api/null-mdx/assets", { method: "POST", body: formData, }) if (res.ok) { await fetchAssets() } } catch (error) { console.error("Upload failed:", error) } finally { setUploading(false) } } const handleDelete = async (path: string) => { try { const res = await fetch(`/api/null-mdx/assets?path=${encodeURIComponent(path)}`, { method: "DELETE", }) if (res.ok) { await fetchAssets() } } catch (error) { console.error("Delete failed:", error) } } const copyUrl = async (name: string) => { const url = `/api/null-mdx/assets/${name}` await navigator.clipboard.writeText(url) setCopiedId(name) setTimeout(() => setCopiedId(null), 2000) } const handleDrag = (e: React.DragEvent) => { e.preventDefault() e.stopPropagation() if (e.type === "dragenter" || e.type === "dragover") { setDragActive(true) } else if (e.type === "dragleave") { setDragActive(false) } } const handleDrop = (e: React.DragEvent) => { e.preventDefault() e.stopPropagation() setDragActive(false) handleUpload(e.dataTransfer.files) } const isImage = (mimetype: string) => mimetype?.startsWith("image/") const formatSize = (bytes: number) => { if (bytes < 1024) return `${bytes} B` if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB` return `${(bytes / (1024 * 1024)).toFixed(1)} MB` } return ( <>

Asset Manager

Upload and manage images and files for your content.

{/* Upload area */}

Drag and drop files here, or click to select

handleUpload(e.target.files)} disabled={uploading} />

{/* Assets grid */} {loading ? (

) : assets.length === 0 ? (

No assets uploaded yet

) : (

{assets.map((asset) => (

{isImage(asset.metadata?.mimetype) ? ( {asset.name}

) : (

)} {/* Overlay actions */}

{asset.name}

{formatSize(asset.metadata?.size || 0)}

))}

)}

) } [V0_FILE]typescriptreact:file="app/null-mdx/blog/[slug]/page.tsx" import { notFound } from "next/navigation" import { MDXContent } from "@/components/mdx-content" import { getAllContent, getContentBySlug } from "@/lib/content" import { BlogPagination } from "@/components/blog-pagination" import { Author } from "@/components/author" import { SocialShare } from "@/components/social-share" import { NewsletterCTA } from "@/components/newsletter-cta" import { calculateReadingTime } from "@/lib/utils/reading-time" import { siteConfig } from "@/lib/site-config" import type { Metadata } from "next" interface BlogPostPageProps { params: Promise<{ slug: string }> } export async function generateStaticParams() { const posts = getAllContent("blog") return posts.map((post) => ({ slug: post.slug })) } export async function generateMetadata({ params }: BlogPostPageProps): Promise { const { slug } = await params const post = getContentBySlug("blog", slug) if (!post) return {} return { title: post.meta.title, description: post.meta.description, openGraph: { title: post.meta.title, description: post.meta.description, type: "article", publishedTime: post.meta.date, authors: [siteConfig.author.name], }, } } export default async function BlogPostPage({ params }: BlogPostPageProps) { const { slug } = await params const post = getContentBySlug("blog", slug) const allPosts = getAllContent("blog") if (!post) { notFound() } const currentIndex = allPosts.findIndex((p) => p.slug === slug) const prevPost = currentIndex < allPosts.length - 1 ? allPosts[currentIndex + 1] : null const nextPost = currentIndex > 0 ? allPosts[currentIndex - 1] : null const readingTime = calculateReadingTime(post.content) const fullUrl = `${siteConfig.url}/blog/${slug}` return ( <>

{post.meta.title}

{siteConfig.author.name.charAt(0)}

{post.meta.author || siteConfig.author.name} Author

{post.meta.date && new Date(post.meta.date).toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric", })} Published

{readingTime} Reading Time

{post.meta.tags && post.meta.tags.length > 0 && ( )}

) } [V0_FILE]typescript:file="app/null-mdx/blog/feed.xml/route.ts" import { getAllContent } from "@/lib/content" import { siteConfig } from "@/lib/site-config" export async function GET() { const posts = getAllContent("blog") const feedItems = posts .map((post) => { const url = `${siteConfig.url}/blog/${post.slug}` const pubDate = post.meta.date ? new Date(post.meta.date).toUTCString() : new Date().toUTCString() return ` <![CDATA[${post.meta.title}]]> ${url} ${url} ${pubDate} ${post.meta.author ? `${post.meta.author}` : ""} ` }) .join("") const feed = ` ${siteConfig.name} ${siteConfig.url} ${siteConfig.description} en-us ${new Date().toUTCString()} ${feedItems} ` return new Response(feed, { headers: { "Content-Type": "application/xml", "Cache-Control": "s-maxage=3600, stale-while-revalidate", }, }) } [V0_FILE]typescriptreact:file="app/null-mdx/blog/layout.tsx" import { MainLayout } from "@/components/main-layout" import type React from "react" export default function BlogLayout({ children, }: { children: React.ReactNode }) { return {children} } [V0_FILE]typescriptreact:file="app/null-mdx/blog/page.tsx" import { getAllContent } from "@/lib/content" import { BlogCard } from "@/components/blog-card" import type { Metadata } from "next" import { cn } from "@/lib/utils" import Link from "next/link" export const metadata: Metadata = { title: "Blog", description: "Read my thoughts on software development, design, and more.", } interface BlogPageProps { searchParams: Promise<{ tag?: string }> } export default async function BlogPage({ searchParams }: BlogPageProps) { const { tag } = await searchParams const allPosts = getAllContent("blog") const filteredPosts = tag ? allPosts.filter(post => post.meta.tags?.some(t => t.toLowerCase() === tag.toLowerCase())) : allPosts return ( <>

{tag ? `Topic: ${tag}` : "The Blog"}

{tag ? tag.charAt(0).toUpperCase() + tag.slice(1) : "Writing & Thoughts"}

"Deep dives into software engineering, product design, and the future of web development."

{tag && (

← View all posts

)}

{filteredPosts.length > 0 ? (

{filteredPosts.map((post, index) => ( ))}

) : (

"No posts found for this topic yet."

Clear filters

)}

) } [V0_FILE]typescriptreact:file="app/null-mdx/docs/[...slug]/page.tsx" import { notFound } from "next/navigation" import { DocsSidebar } from "@/components/docs-sidebar" import { DocsMobileNav } from "@/components/docs-mobile-nav" import { DocsRightSidebar } from "@/components/docs-right-sidebar" import { TableOfContents } from "@/components/table-of-contents" import { MDXContent } from "@/components/mdx-content" import { getAllContent, getContentBySlug, getDocsNavigation } from "@/lib/content" import type { Metadata } from "next" import Link from "next/link" import { ChevronLeft, ChevronRight } from "lucide-react" interface DocsPageProps { params: Promise<{ slug: string[] }> } export async function generateStaticParams() { const docs = getAllContent("docs") return docs.map((doc) => ({ slug: doc.slug.split("/") })) } export async function generateMetadata({ params }: DocsPageProps): Promise { const { slug } = await params const slugPath = slug.join("/") const doc = getContentBySlug("docs", slugPath) if (!doc) return {} return { title: doc.meta.title, description: doc.meta.description, } } export default async function DocsSlugPage({ params }: DocsPageProps) { const { slug } = await params const slugPath = slug.join("/") // Handle fumadocs-specific segment requests gracefully // The proxy site (Fumadocs) sends these to discover navigation, but this app uses custom sidebar logic. if (slugPath.includes(".segments") || slugPath.endsWith("_tree.segment.rsc")) { return null } const doc = getContentBySlug("docs", slugPath) const navigation = getDocsNavigation() if (!doc) { notFound() } const allDocs = navigation.flatMap((section) => section.items) const currentIndex = allDocs.findIndex((d) => d.slug === slugPath) const prevDoc = currentIndex > 0 ? allDocs[currentIndex - 1] : null const nextDoc = currentIndex < allDocs.length - 1 ? allDocs[currentIndex + 1] : null const currentSection = navigation.find((section) => section.items.some((item) => item.slug === slugPath)) return ( <>

{doc.meta.title}

{doc.meta.description && (

{doc.meta.description}

)}

{prevDoc ? ( Previous {prevDoc.meta.title} ) : (

)} {nextDoc ? ( Next {nextDoc.meta.title} ) : (

)}

) } [V0_FILE]typescriptreact:file="app/null-mdx/docs/layout.tsx" import { MainLayout } from "@/components/main-layout" import type React from "react" export default function DocsLayout({ children, }: { children: React.ReactNode }) { return {children} } [V0_FILE]typescript:file="app/null-mdx/docs/llms.txt/route.ts" import { getAllContent, getDocsNavigation } from "@/lib/content" import { siteConfig } from "@/lib/site-config" export async function GET() { const blogPosts = getAllContent("blog") const docsNav = getDocsNavigation() const content = `# ${siteConfig.name} > ${siteConfig.description} This file provides an index of all content on this site for AI agents and LLMs. ## Blog Posts ${blogPosts .map( (post) => `- [${post.meta.title}](${siteConfig.url}/blog/${post.slug}): ${post.meta.description || "No description"}`, ) .join("\n")} ## Documentation ${docsNav .map( (section) => `### ${section.section} ${section.items .map( (item) => `- [${item.meta.title}](${siteConfig.url}/docs/${item.slug}): ${item.meta.description || "No description"}`, ) .join("\n")}`, ) .join("\n\n")} ## API Endpoints - RSS Feed: ${siteConfig.url}/feed.xml - Search API: ${siteConfig.url}/null-mdx/api/search - This file: ${siteConfig.url}/llms.txt ` return new Response(content, { headers: { "Content-Type": "text/plain; charset=utf-8", "Cache-Control": "s-maxage=3600, stale-while-revalidate", }, }) } [V0_FILE]typescriptreact:file="app/null-mdx/docs/page.tsx" import { DocsSidebar } from "@/components/docs-sidebar" import { getDocsNavigation } from "@/lib/content" import Link from "next/link" import type { Metadata } from "next" export const metadata: Metadata = { title: "Documentation", description: "Learn how to use and customize this template.", } export default function DocsPage() { const navigation = getDocsNavigation() return ( <>

Documentation

Everything you need to know to get started and customize this template.

{navigation.length > 0 ? (

{navigation.map((section) => (

{section.section}

{section.items.map((doc) => (

{doc.meta.title}

{doc.meta.description && (

{doc.meta.description}

)} ))}

))}

) : (

No documentation yet. Add .mdx files to content/docs/ to get started.

)}

) } [V0_FILE]typescriptreact:file="app/null-mdx/page.tsx" import { getAllContent } from "@/lib/content" import { siteConfig, isBlogMode, isDemoMode } from "@/lib/site-config" import Link from "next/link" import { ArrowRight, ArrowUpRight } from "lucide-react" import { redirect } from "next/navigation" import { Footer } from "@/components/footer" function SupabaseIcon({ className }: { className?: string }) { return ( ) } export default function HomePage() { if (!isDemoMode()) { redirect(isBlogMode() ? "/blog" : "/docs") } const recentPosts = getAllContent("blog").slice(0, 5) return ( <>

{/* Badge - pioneering first */}

The first v0 template with real MDX

{siteConfig.tagline}

{siteConfig.description}

{isBlogMode() ? ( <> Read the blog About ) : ( <> Get started GitHub )}

{/* Features section - new */}

Real MDX Support

First v0 template to render actual markdown files. No more hardcoded content.

Blog + Docs Unified

Switch between blog and documentation modes with a single config change.

Supabase Storage

Built-in asset management with Supabase buckets for images and files.

Design System

Pre-built landing pages for docs and blog. Copy and customize for your needs.

{recentPosts.length > 0 && (

Recent Writing

View all

{recentPosts.map((post) => (

{post.meta.title}

{post.meta.date ? new Date(post.meta.date).toLocaleDateString("en-US", { month: "short", day: "numeric", }) : ""}

{post.meta.description && (

{post.meta.description}

)}

))}

)}

Page not found

Insights from the edge.

{featuredPost.meta.title}

{post.meta.title}

Join the inner circle

The foundation for exceptional products.

{link.title}

{section.title}

Building something great?

UI Templates & Components

Page Templates

{template.title}

UI Kit Concepts

About Null

The Story

What Makes Null Different

Asset Manager

{post.meta.title}

{tag ? tag.charAt(0).toUpperCase() + tag.slice(1) : "Writing & Thoughts"}

{doc.meta.title}

Documentation

{section.section}

{doc.meta.title}

{siteConfig.tagline}

Real MDX Support

Blog + Docs Unified

Supabase Storage

Design System

Recent Writing

{post.meta.title}

Writing

{title}

Stay in the loop

About

Tags

Share

About

Tags

Share

More from ussaaron

More Templates Like This

More from ussaaron

More Templates Like This