{
  "id": 1878683,
  "title": "Building a Lightweight Web App with Next.js & Supabase: Zero-Tracking & Sub-Second Loading",
  "url": "https://urgent.news/2026/08/19/building-a-lightweight-web-app-with-next-js-supabase-zero-tracking",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-08-19T06:23:58.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/mu_mu_a59cda279f381242dc5/building-a-lightweight-web-app-with-nextjs-supabase-zero-tracking-sub-second-loading-4062"
  },
  "original_language": "en",
  "account": "In an era where web applications are bloated with large JavaScript bundles, aggressive analytics and intrusive tracking scripts, building for the Small Web and IndieWeb offers a refreshing alternative. For privacy-conscious side projects or those aiming for sub-300ms load times, combining Next.js (App Router) with Supabase proves to be an effective choice. This tutorial outlines how to design a zero-tracking, sub-second web architecture using Ask A Monk as the real-world example. The core architecture principles focus on three key aspects: eliminating external tracking, minimizing the client bundle through React Server Components (RSC), and implementing anonymous Supabase authentication and row-level security (RLS) for user interactions. By default, pages are fully server-rendered as React Server Components, with only interactive elements isolated into small client modules using `use client`. The project employs self-hosted variable fonts via `@next/font` and minimal Tailwind CSS with unused utilities pre-purged. The Supabase database schema allows anonymous post creation, with RLS ensuring only public items are accessible. A lightweight Supabase client setup is utilized, disabling session persistence to prevent local storage bloat. In the real-world case study of Ask A Monk, these performance and privacy principles were applied successfully. The site achieved impressive metrics: First Contentful Paint at 0.3 seconds, Total Blocking Time of 0ms, and a Lighthouse score of 100 across all categories. The final bundle size was a mere 45KB when gzipped. Ask A Monk offers a distraction-free space for human reflection, proving that modern web development doesn't require heavy trackers to be functional and meaningful. The tutorial concludes by emphasizing that building fast, lightweight, and respectful web applications benefits SEO, performance, and restores trust between creators and visitors.",
  "summary": "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…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}