INSTVNCE
Personal technical blog — MERN stack, terminal aesthetic, GFM Markdown, Three.js 3D braces.
The Concept
INSTVNCE is built around one idea: every post is an instance — a deployed unit of thought. You write it, you fire it, you can terminate it. The interface reflects that. It's not a polished publication — it's an active terminal window into how I think, build, and decide.
Most dev blogs look like Medium. This one looks like a monitoring dashboard. The aesthetic is neopunk terminal: CRT scanline overlays, holographic post cards with chamfered corners, neon green on cosmic black, monospace everywhere. It's not decoration — it's a philosophy. The medium should feel like the work.
Design System
1. Neopunk Terminal Aesthetic
Built from scratch in SCSS — no component libraries, no design frameworks. Animated CRT scanlines, clip-path chamfered cards, multi-layer holographic backgrounds, and golden-ratio bottom accent lines that expand on hover. Every visual decision is a deliberate choice, not a default.
2. The Architect Voice
Posts are ACTIVE_LOG instances. The input prompt says
AIM. Delete says TERMINATE. The tone is
not content marketing — it's raw operational log. The blog format
is designed for the things you actually think about while
building: reasoning behind choices, things that broke and what
they revealed, mental models, tools worth preserving.
3. Full Ownership
Self-hosted, no CMS, no platform risk. Every instance is owned. The backend is a clean Express API connected to MongoDB — posts are stored, retrieved, and terminated entirely under your control.
Technical Details
{ } braces rendered in WebGL
with Float hover animation, point lighting, and environment
mapping.
Project Type
Personal Developer Blog — Full-Stack
Tech Stack
Frontend: React, Vite, SCSS, React Router v6
3D: Three.js, @react-three/fiber, drei
Markdown: react-markdown, rehype-highlight
Backend: Node.js, Express
Database: MongoDB
Typography: Omnium (Adobe Fonts)
Role
Solo — Full-Stack Engineer & Designer
Aesthetic
Neopunk terminal • CRT scanlines • Holographic cards • Chamfered clip-paths • Monospace-first