Building satanilabs.com with Next.js 16 and a writing hub
How I shipped the SataniLabs portfolio on Next.js 16 App Router—route groups, motion, SEO, the spider backdrop, and a markdown writing hub.
Writing
Notes on building products and interfaces.
Long-form case studies, technical essays, and shorter insights from SataniLabs — frontend architecture, mobile field apps, finance UIs, and the studio site you are reading now.
Featured
Blog
LenDen subscriptions with Supabase RLS and Razorpay webhooks
How LenDen stores tier in profiles, verifies Razorpay subscriptions server-side, and keeps ledger data isolated with row-level security.
Capacitor plugins in production: barcode, torch, and contacts
Lessons from shipping yagnik-scanner, yagnik-flashlight, and yagnik-contacts on Ionic field apps—permissions, OEM quirks, and npm maintenance.
Virtualized finance grids and COA trees at scale
Row identity, windowed fetches, and tree navigation for hospitality FP&A grids when the chart of accounts is thousands of nodes deep.
Subscription gates, ads, and Pro tiers on a SaaS product
How LenDen balances free tier limits, Razorpay Pro subscriptions, and optional AdSense—without ads on paid workflows.
Insights
Five questions before you add WebGL to a marketing site
A short checklist—purpose, performance, accessibility, fallback, and maintenance—before dropping a WebGL layer on a studio or product site.
Accessible motion on a dark portfolio site
Practical notes on contrast, reduced motion, focus order, and animation timing when the brand is dark, editorial, and motion-forward.
How much content is enough for a studio site?
Publishing on satanilabs.com—blog vs insights, cadence, and why eight solid articles beat a empty writing hub waiting for perfect.