DEV Community

Cover image for Title: Building LUMEN: A High-Contrast, AI-Powered Archival Network with Next.js & Supabase
Ghanshyam Kanojiya
Ghanshyam Kanojiya

Posted on

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

#fullstack #nextjs #showdev #webdev

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.

Top comments (0)