Unjukdaya

Unjukdaya — Public-facing marketing site for an Indonesian NGO working on climate justice and socio-ecological collaboration.

Problem

Unjukdaya had no owned web presence to articulate its mission, values, and programs — only an Instagram account. For an Indonesian climate-justice collective, that meant the narrative, educational material, and calls for collaboration lived on a platform the org doesn't control, with no crawlable entry point for press, partners, or funders searching for "keadilan iklim Indonesia."

Approach

Single-page Next.js 16 (App Router) static site, React 19, Tailwind v4, TypeScript, Motion for scroll and entrance animation. Instagram embeds are lazy-loaded via IntersectionObserver so the heavy embed.js only fires when the section enters viewport. Full prefers-reduced-motion handling swaps animated variants for near-instant fades. SEO is handled in-route: opengraph-image.tsx generates the OG/Twitter card via next/og, sitemap.ts and robots.ts are type-safe route handlers, and a schema.org/NGO JSON-LD block describes the org for knowledge panels. Accessibility basics are in place: aria-hidden on the decorative hero video, focus-visible rings, sr-only section headings, semantic landmarks.

Impact

Consolidates the org's public identity — mission, three pillars, three action areas, and live Instagram content — into a single static deploy on Vercel. Gives the NGO a crawlable, shareable URL (unjukdaya.vercel.app) with structured data, OG preview, and sitemap, turning Instagram-only outreach into something discoverable via search and linkable from grant applications, press, and partner sites. No backend, so content updates flow through the same PR workflow as code.