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?
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.