Shubhojeet.
ProjectsBlogConnect
← All projects
March 24, 2026

Inkdown

Inkdown is a markdown editor and sharing platform with live preview, folder organization, GFM support, private-by-default docs, and one-click sharing.

External linkLive project

Overview

Inkdown is a markdown editor with live preview, nested folder organization, and public sharing. Documents are private by default with one-click publishing via shareable links.

Inkdown is a markdown editor with live preview, nested folder organization, and public sharing. Documents are private by default with one-click publishing via shareable links.

Built with Next.js, Neon, Drizzle ORM, Better Auth, and Cloudflare R2. Editor uses a custom markdown parser with GFM support (tables, task lists, code blocks, strikethrough). Real-time preview syncs with editor scroll position for large documents.

How It Was Built

The main technical choices behind the product, from system design to the parts that make it work day to day.

  • Implemented nested folder structure with recursive CTEs in PostgreSQL via Drizzle ORM, drag-and-drop reordering via React DnD, and breadcrumb navigation.
  • Built custom markdown editor with syntax highlighting (Prism.js), auto-save (debounced 500ms), and keyboard shortcuts for common formatting.
  • Implemented nested folder structure with recursive CTEs in PostgreSQL via Drizzle ORM, drag-and-drop reordering via React DnD, and breadcrumb navigation.
  • Built custom markdown editor with syntax highlighting (Prism.js), auto-save (debounced 500ms), and keyboard shortcuts for common formatting.
  • Live preview with scroll sync: editor position maps to preview position using line number tracking and smooth scrolling.
  • Public sharing generates unique UUIDs with access tracking (view count, last viewed) while keeping documents private by default.
  • Migrated from Supabase to self-hosted stack: Neon (serverless Postgres), Better Auth, Cloudflare R2 for markdown content storage, and Resend for transactional emails.

Impact

  • Replaced flat document lists with a folder hierarchy, making it easier to organize larger knowledge bases and documentation sets.
  • Keeps long documents readable by syncing the editor position with the rendered preview instead of forcing users to jump between views.
  • Replaced flat document lists with a folder hierarchy, making it easier to organize larger knowledge bases and documentation sets.
  • Keeps long documents readable by syncing the editor position with the rendered preview instead of forcing users to jump between views.
  • Private-by-default documents can be published with a single click, supporting both personal notes and public docs in the same workspace.

Tech Stack

Next.jsNeonDrizzle ORMBetter AuthCloudflare R2Resend

More Projects

Additional work across AI products, developer tooling, and full-stack systems.

Browse all →

Next.js 16

Edward

An AI coding workspace where developers can describe apps in plain language, generate production-ready code, inspect and edit files in real-time, run projects in isolated Docker environments, publish live previews, and sync everything directly to GitHub without leaving the product.

View projectArrow right

Next.js 16

Agentic Chat

An AI chat platform that routes each request through the right context — memory, documents, tools, or research — and acts on the answer through connected apps.

View projectArrow right

Next.js

Bonkers by Foyer

Creative production system built at Foyer Tech — led the v2→v3 rebuild with reusable templates, multi-model routing, and faster repeat workflows for high-quality visual asset creation.

View projectArrow right