# How to Vibe Code Your Own Novlr (and Stop Paying for It)

> The creative writing workspace designed with your writing goals in mind

- Site: https://novlr.org
- Category: SaaS / Writing Tools
- Platforms: Web app
- Verdict: **Solid side project** (75/100 vibecodeable)
- Estimated effort: 2-3 weekends

## Verdict

Build a personal subset for your writing workflow in a couple of weekends, but keep paying if you rely on their community and anti-AI brand trust.

Replicating the distraction-free writing UI, word counters, and local-first manuscript storage is entirely feasible with modern AI coding tools. The real engineering hurdles lie in building a performant rich-text editor that handles tens of thousands of words without jank, alongside reliable offline synchronization with IndexedDB. Since you are building a personal-use clone, you skip multi-user accounts and billing entirely, making it a rewarding side project.

### What you can't replicate

- Novlr's 209K-strong community network and writer-ownership co-op structure
- Their strict brand positioning as a human-authored sanctuary

## What it does

A cloud-based creative writing workspace and novel-writing platform featuring distraction-free drafting, habit tracking, world-building notes, and cross-device sync.

### Core features

- Distraction-free drafting environment with typewriter scrolling and focus modes
- Chapter and scene reordering tree structure
- Sidebar world-building notes linked to manuscripts
- Daily word-count goal tracking and visual habit streaks
- Writing sprints timer and productivity analytics dashboard
- Local-first IndexedDB offline caching and cloud sync

## The business

### Pricing

- Free: Free — Free for everyone; restricted to 2 projects, basic focus mode, notes, and sprints.
- Starter: $8/mo — Billed yearly at ~$96. Unlimited projects with 30-day version history and goal tracking.
- Studio: $16/mo — Billed yearly at ~$192. Unlimited version history, proofreader, themes, and cloud backups.

Founded 2013.
Team size: 1-10.

## The hard parts

- Building smooth, zero-latency rich-text editing performance across large book manuscripts
- Implementing resilient offline-first syncing with IndexedDB and background conflict resolution
- Managing complex hierarchical tree state for chapters, scenes, and notes without re-rendering lags

## How to vibe code Novlr

### Prerequisites

- Node.js (free): Runtime environment for local Next.js development
- GitHub (free): Source code control and repository hosting

### Recommended AI tools

- Claude Code: Terminal agent to scaffold the Next.js app, database schema, and editor components end-to-end
- Cursor: AI code editor for iterative UI polish, theme adjustments, and CSS focus modes

### Stack

- Frontend: Next.js
- Backend: Next.js Server Actions / API Routes
- Database: Turso
- Auth: better-auth
- Payments: none
- Other: Tailwind CSS, TipTap / ProseMirror, IndexedDB

### Hosting

- Cloudflare (Hosting the Next.js frontend and Turso edge database for ultra-low latency text sync): $0/mo

### Build guide

1. **Project Scaffolding and Database Schema** — Initialize the Next.js project with Tailwind CSS and configure the Turso SQLite database schema for projects, chapters, scenes, and word-count logs.

```
Scrape together a clean Next.js 16 project using TypeScript and Tailwind CSS v4. Set up a Turso libSQL database client connecting via environment variables. Create the database schema with tables for 'projects' (id, title, user_id, created_at), 'chapters' (id, project_id, title, sort_order), 'scenes' (id, chapter_id, title, content, word_count, sort_order), and 'daily_goals' (id, user_id, target_words, current_words, date). Ensure migrations run successfully on startup.
```

2. **Distraction-Free Writing Studio and Editor** — Implement a minimalist rich-text editor using TipTap or ProseMirror with distraction-free focus mode, typewriter scrolling, and live word counting.

```
Build a distraction-free writing studio view in Next.js featuring a sidebar collapsible navigation tree for chapters and scenes, and a centered minimalist writing canvas using TipTap. Implement typewriter scrolling mode that keeps the active cursor line vertically centered, a full-screen toggle mode, and real-time word and character count calculations displayed in a bottom status bar.
```

3. **Local-First Offline Caching with IndexedDB** — Add robust client-side storage fallback using IndexedDB so typing remains seamless and resilient during network drops.

```
Integrate client-side Dexie.js or native IndexedDB caching into the writing canvas. Every keystroke should instantly save to local IndexedDB and debounce a background synchronization payload to the Next.js backend API. Add an offline status indicator banner at the top of the window if network connectivity is lost.
```

4. **World-Building Notes Sidebar** — Create a split-pane or slide-out sidebar for pinned research, character profiles, and lore notes alongside the manuscript editor.

```
Build a slide-out notes sidebar component for the writing studio. The notes table should support categories like 'Characters', 'Locations', and 'Lore' with markdown text support. Allow writers to pin specific reference notes side-by-side with the active manuscript scene for easy world-building reference.
```

5. **Habit Streaks, Goals, and Analytics Dashboard** — Build a dashboard showing writing streaks, daily word goals progress rings, and historical productivity graphs.

```
Create a productivity analytics dashboard page. Calculate daily writing streaks by tracking consecutive days with word count increments greater than zero. Render visual progress circles for daily drafting goals and a 7-day bar chart showing word counts added per day. Include a countdown writing sprint timer widget that logs words written during timed focus sessions.
```

### Cost vs paying

**Starting costs (one-time):**

- Claude Pro / Cursor Pro (AI Coding Assistant): $20
- Total: ~$20 one-time

**Ongoing costs (monthly):**

- Cloudflare & Turso Free Tiers: $0/mo
- Total: $0/mo

- Paying for the SaaS instead: $16/mo
- Build time: 16-24 hours
- AI tool credits: $20
- Break-even: 1 month

## Sources

- [Novlr Official Website](https://novlr.org)