Title: Building LUMEN: A High-Contrast, AI-Powered Archival Network with Next.js & Supabase

Intro

I've always been obsessed with minimalist design—the kind that gets out of the way and lets the content breathe. Most blogging platforms today feel like social media: noisy, colorful, and distracting.

So, I built LUMEN. An archival publishing network where thoughts are preserved in a strict monochrome "Clean Canvas."

Live Demo: https://lumen-archive.vercel.app/

GitHub: https://github.com/Shyamkano/LUMEN

🛠 The Architecture

To keep the site fast and scalable, I went with a modern full-stack approach:

• Framework: Next.js 16 (App Router) using the latest Turbopack for lightning-fast development.


• Database & Auth: Supabase (PostgreSQL). I leveraged Row Level Security (RLS) heavily to ensure user data is private and secure.


• Styling: Tailwind CSS v4 + Vanilla CSS for that crisp, brutalist look.


• AI Engine: Mistral AI API for the "Editorial Co-pilot" which helps writers refine their work.


• Rich Text: TipTap for a seamless, distraction-free writing experience.

What makes LUMEN different?

1. The Multi-Format Feed

Unlike standard blogs, LUMEN handles four distinct types of content:

• 
  Essays: Full-length long-form writing.


• 
  Micro-logs: Thoughts under 500 characters.


• 
  Code Gists: Shared snippets with full syntax highlighting.


• 
  Audio Chronicles: Voice logs with an integrated audio player.

2. The AI Editorial Assistant

I integrated a custom AI assistant that does more than just "chat." It can analyze your writing, suggest relevant tags, fix grammar, and even help you continue a narrative—all without leaving the editor.

3. Radical Privacy (Anonymous Identities)

LUMEN allows users to generate "Anonymous Identities." These are temporary aliases that let you publish a "Signal" (post) without it being traced back to your public profile, perfect for whistleblowing or raw, unedited thoughts.

What's Next?

LUMEN is open-source. I’m planning to add:

• [ ] RSS Feed synchronization.


• [ ] End-to-end encrypted private drafts.


• [ ] Advanced full-text search using Postgres tsvector.

I'd love to hear your thoughts on the monochrome design. Is it too minimal, or just right?

Let's discuss in the comments below! 👇

#showdev, #webdev, #nextjs, #supabase.