System Status: OPERATIONAL
ab-OS v1.0 // Architecture & Design
Core Ecology
| SHELL | Astro 5.0 (SSR) |
| ISLANDS | React 19 |
| DATABASE | Supabase (PostgreSQL 15) |
| ADAPTER | @astrojs/vercel (Serverless) |
| MOTION | GSAP 3 + Three.js |
Data Security
| AUTH | Row Level Security (RLS) |
| READ | Public (Concurrent Select) |
| WRITE | Admin Only (Authenticated) |
| SYNC | Edge Function (GitHub Gateway) |
Deep Dives: Logic
- Atomic Research Engine: Client-side consensus algorithm. Parses tag arrays from JSON to build weighted frequency clouds instantly.
- Obsidian Bridge: Private Edge Function. Fetches raw Markdown → Regex Parse (Wiki-links) → HTML Render.
- Lazy-Performance:
IntersectionObserverkeeps DOM light. 0-byte placeholders for 3D/Video until scroll.
Living UI Layers
- Layer 1 (Atmosphere): CSS Keyframes. Infinite loops (glows, cursors). Low CPU cost.
- Layer 2 (State): React. Interactive hovers, content revealing, micro-interactions.
- Layer 3 (Narrative): GSAP Timelines. Complex page transitions and intro sequences.
Build Your Own Digital Garden
Understanding the stack is just step one.
If you want to build a site like this—with your own content, ideas, and soul—but don't know where to start, I offer personalized guidance.