Freelance · live

Gen-dreights

Bilingual digital-rights platform for youth in MENA, built for EN and Arabic from day one.

Next.jsNode.jsSupabaseCloudflareGA4
Screenshot of the Gen-dreights bilingual EN/AR homepage
  • 90+ Lighthouse on production pages
  • Shared layout system for LTR and RTL
  • SEO, sitemap, and structured data before launch
  • Next.js · Supabase · Cloudflare edge

Problem

Youth digital-rights education in MENA existed mostly in English. The org needed a site that could carry the same message in Arabic without feeling like a mirrored afterthought.

Constraints

Solo build, real launch date, bilingual from day one (not translate-and-ship), and performance that wouldn’t embarrass a rights org talking about the open web.

Decisions

Next.js for routing and SEO, Supabase for content, Cloudflare in front. Structured data and sitemap before launch, not a week after someone noticed Google wasn’t indexing half the pages.

Results

Live and stable since ship. Lighthouse consistently 90+ on the pages that matter. EN/AR layouts share one system instead of two patched themes.

What I learned

RTL isn’t a CSS flip switch. Planning copy length, navigation, and components for both directions early saves more time than any post-launch refactor.