In an era where web applications are bloated with multi-megabyte JavaScript bundles, aggressive analytics, and intrusive tracking scripts, building for the Small Web and IndieWeb feels like a breath of fresh air.
If you are building a privacy-first side project or simply want your stack to load in under 300ms, combining Next.js (App Router) with Supabase is one of the most effective solutions.
In this tutorial, we will break down how to design a zero-tracking, sub-second web architecture, using Ask A Monk—a quiet, algorithm-free digital sanctuary—as our real-world case study.
Core Architecture Philosophy To achieve sub-second page loads and complete privacy, we adhere to three technical principles: Zero External Tracking: No Google Analytics or heavy client-side SDKs.
Minimal Client Bundle: Leverage React Server Components (RSC) to push execution to the edge.
Anonymous Supabase Auth & RLS: Handle asynchronous user interactions securely without demanding personal data.
Optimizing Next.js App Router for Sub-Second Loads Server Components First Keep pages as React Server Components (RSC) by default.
Only isolate interactive elements into small client modules using 'use client'.
Payload Reduction Use @next/font to self-host variable fonts.
Rely on minimal Tailwind CSS with pre-purged unused utilities.
Privacy-First Supabase Architecture & RLS Anonymous Database Schema Here is a simplified PostgreSQL schema with Row Level Security (RLS) for anonymous posts: Lightweight Supabase Client Setup Instantiate the Supabase client without session bloat: Real-World Case Study: Ask A Monk We put these exact performance and privacy principles into practice with Ask A Monk.
First Contentful Paint (FCP): < 0.3s Total Blocking Time (TBT): 0ms Lighthouse Score: 100 / 100 (Performance, Accessibility, Best Practices, SEO) Bundle Size: < 45KB Gzipped Instead of harvesting user metrics or building addictive feedback loops, Ask A Monk provides a distraction-free environment for human reflection, demonstrating that modern web dev doesn't need heavy trackers to be functional and meaningful.
Conclusion Building fast, lightweight, and respectful web applications is not only good for SEO and performance—it restores trust between creators and visitors.
Live Demo: Test the sub-second loading in action at askamonk.online.
Tech Stack: Next.js, Tailwind CSS, Supabase, Vercel Edge Network.
Are you building for the Small Web or IndieWeb?
Share your favorite performance techniques below!