CASE STUDY · 2026

Trivarna Foundation — a nonprofit platform that publishes itself

A live marketing and content platform for a Bengaluru foundation, built on Next.js 15 with a calm Firebase-blue identity, fast pages, and an easy publishing flow.

CLIENT
Trivarna Foundation
ROLE
Design + Next.js engineering
YEAR
2026
STATUS
Live
REGION
Bengaluru, India
STACK
  • Next.js 15
  • Firebase
  • Tailwind
  • Vercel

Visit trivarnafoundation.org ↗

The brief

Trivarna runs community programs across Bengaluru — the founders needed a home online that reflected the work, published new events without a developer in the loop, and loaded in a blink on the phones most of their audience actually uses.

The approach

Next.js 15 App Router with ISR for content pages — fast static delivery with the ability to update without redeploying.

Firebase Firestore + Storage for the content model. Editors publish through a simple admin surface: title, cover, markdown body, publish. Published content revalidates the affected paths and it’s live in minutes.

Visual identity — a considered Firebase-adjacent blue as the anchor, generous whitespace, editorial serif for long-form. Not corporate, not scrappy — human.

Perf discipline — every image ships as AVIF via <Image />, fonts subset to Latin, JS kept lean on the marketing pages. Fast homepage load on mid-tier phones.

What shipped

  • Marketing site with programs, team, and impact sections
  • Event calendar with structured data for Google
  • Article system with Firestore-backed editor
  • Donation-intent flow (payments handed off to their processor)
  • Newsletter capture wired to their mailing list

Notes

The best measure of a nonprofit platform isn’t traffic. It’s whether the founders can publish something at 11pm without calling the developer. This one hits that.

NEXT STEP

Have a product to ship?

Start a project ↗ hello@napdesigns.com