nxyz Craft OS

A premium Craft-inspired, original document workspace for creators, founders, designers, developers, studios, and project-heavy teams.

This MVP is frontend-first and intentionally simple: folders live in the left sidebar, pages live on the right, and each page opens into a rich text editor. Supabase and AI providers are not required to run the app.

Stack

• Next.js 16 App Router
• React 19 and TypeScript strict mode
• Tailwind CSS v4
• HeroUI v3 via @heroui/react
• HeroUI Pro via @heroui-pro/react
• Gravity UI icons through the HeroUI Pro icon set
• Tiptap rich text editor
• Zustand local UI state
• Zod domain validation

Run

npm install
npm run dev

Open http://localhost:3000/app.

Deploy (Vercel)

Source: github.com/syfpsy/drafts. The Vercel project drafts is connected to that repository for automatic deployments.

Add HEROUI_AUTH_TOKEN in the Vercel project’s Environment Variables (Preview and Production), using the token from your HeroUI Pro license / CI setup. Without it, npm install fails on the @heroui-pro/react postinstall step.

Key Routes

• /app all pages and folders
• /app/doc/[docId] document editor
• /app/space/[spaceId] folder page
• /share/[slug] public read-only document

Architecture

Mock data is centralized in src/lib/data/mock-data.ts. Pages and components read through repository-style functions in src/lib/data/*, so Supabase can replace the mock implementation without scattering persistence concerns through the UI.

The main workspace UI is deliberately limited to folders and pages. Future persistence can replace the mock repository functions without changing the workspace shell or editor components.