New: 17 agent skills, running in Claude Code, Codex and Cursor

Ship your
Arabic SaaS

IN DAYS, NOT MONTHS.

AI-optimized Arabic Next.js boilerplate: hand it to Claude Code and go from an empty folder to a live, bilingual product.

A foundation Claude Code can build onArabic-first, flawless RTLAuth, database, emails: wired
1stAgent-first Arabic boilerplate in MENA

Join the founding cohort

Gulf and MENA founders building in Arabic

Direct support, in Arabic

A real human answers you, WhatsApp or email

Live demo

Watch an agent build a real feature

One prompt in Claude Code. The harness keeps it honest: both languages, RTL-safe, tests green.

claude-code: your-app

Skip weeks of setup, ship the product

Authentication, done right

  • Magic links, email and password with reset, Google and GitHub behind flags
  • Protected /app routes guarded by the proxy
  • Optional 2FA with an authenticator app, enforced at sign-in
  • Account settings with avatar upload and account deletion

Time saved: 12 hours

Supabase AuthMagic links2FARLS

And there is a lot more to explore

Get started

Built with a modern stack

The same tools the best SaaS teams use, pre-wired and agent-ready

Claude Code
Next.js 16
React 19
TypeScript
Tailwind v4
shadcn/ui
Supabase
next-intl
Zod
Vitest
ESLint
pnpm
Gumroad
Stripe
Hostinger
GitHub
17 skills + 5 commands included

An AI teammate that already knows the codebase.

Yalla Kit ships with agent skills and commands that run in Claude Code and Codex, with an always-on rules pointer for Cursor. Each skill loads the right playbook before the agent touches your code, so features come out bilingual, RTL-safe and tested.

Slash commands

/yalla/new-page/add-ui/translate-audit/ship-check
claude

> /yalla

Loading skills...

i18n-contentBoth locales, always

rtl-uiRTL-safe Tailwind

supabase-handlerAuth, sessions, RLS

db-handlerMigrations that do not bite

payments-handlerStripe and Polar wired

email-handlerTransactional email

... and 11 more skills, 5 commands loaded.

Ready. What are we shipping today?

0 to live in 7 days

While others fight boilerplate, you build the actual product

  1. Day 1Clone and deploy

    Your landing page live on Hostinger with your domain

  2. Day 3Build what matters

    Claude Code builds your features inside the harness

  3. Day 6Connect payments

    Stripe or Polar checkout wired to your pricing page

  4. Day 7Launch

    Bilingual, indexed, and taking payments

Built for Claude Code.
Works in Codex and Cursor too.

Skills and the /yalla guided launch run natively in Claude Code and Codex, an always-on rules pointer covers Cursor, and a sync script with a parity test keeps all three in lockstep.

Claude CodeCodexCursor
Production ready

Ship faster. Everything a real product needs, already in place.

Next.js 16 App Router

React 19, TypeScript and Tailwind v4.

Modern patterns an agent will not trip over.

Production-grade codebase

Zod-validated env, rate limiting, security headers.

Server-first Sentry: zero client JS until enabled.

Agent-optimized

One AGENTS.md contract for Claude Code, Codex and Cursor.

Cheaper tokens, fewer wrong turns.

Lifetime updates

Buy once, pull updates as the kit evolves.

New features and fixes included.

Authentication

Secure login. Magic links, sessions and protected pages out of the box.

Every sign-in flow

Magic links, passwords with reset, Google and GitHub.

Optional 2FA with admin reset for lost devices.

RLS everywhere

Every table locked down by default.

Users only ever see their own rows.

Protected routes

The proxy guards /app per locale.

Sessions refreshed server-side.

Profiles and plans

A profiles table linked to your pricing.

Plan gating ready for your features.

Arabic-first

RTL flawless. Built for Arabic from the first commit, not patched later.

Logical CSS only

ms/me, ps/pe, start/end everywhere.

ESLint blocks unsafe classes.

Bilingual by contract

Every string lives in Arabic and English.

A parity test fails the build otherwise.

Arabic typography

Noto Kufi Arabic and Readex Pro tuned.

Numbers and code stay readable.

Locale routing

/ar and /en with hreflang alternates.

Google indexes both correctly.

Operations

Runs itself. The unglamorous infrastructure a real product needs, already wired.

Background jobs

A Postgres queue with retries and worker leases.

Stalled work recovers itself, with no extra service to pay for.

Private file uploads

A reusable uploader into a private per-user bucket.

Download links are signed by your server, never public.

Docker ready

A production image plus a hot-reloading dev container.

A health endpoint your host can watch.

Analytics and chat

Cookieless Umami or Plausible, and optional Crisp chat.

Nothing loads at all until you set the key.

Save money and development time

Everything included, one payment, a fraction of what the big boilerplates charge

Yalla Kit Agent-first

The Arabic-first starter for your SaaS

$50$150
One-time paymentGet Yalla Kit

Founding price for early customers

  • Next.js 16 + Supabase + Drizzle boilerplate
  • Agent harness: AGENTS.md, tests, CI with E2E
  • 17 agent skills + 5 commands
  • Arabic-first: next-intl + enforced RTL
  • Full auth: magic links, passwords, 2FA
  • Stripe + Polar payments, one adapter
  • Transactional email + contact + waitlist
  • SEO: sitemap, hreflang, dynamic OG images
  • 50+ shadcn/ui components, 7 themes
  • Admin panel: stats, users, impersonation
  • Credits ledger and lifetime deal codes
  • Bilingual blog, docs, search and llms.txt
  • Background jobs, private uploads, Docker
  • Documentation access with your license
  • Lifetime updates

Typical foreign boilerplate

What the popular alternatives offer

$199+
  • Next.js boilerplate
  • Auth and payments
  • SEO and blog
  • Components library

What is missing:

  • No Arabic, no RTL
  • No agent harness or contract
  • No bilingual content system
  • English-only docs and support
  • 3 to 5x the price

Feel the difference

The same product, two very different months

Without Yalla Kit

The traditional way

Months of work
  • Weeks lost on auth

    Sessions, callbacks, redirects, edge cases

  • RTL breaks everything

    Every component patched by hand, twice

  • Agent chaos

    The AI rewrites half the app and hardcodes English

  • Deployment nightmares

    Env vars, build errors, hosting surprises

  • Stuck and alone

    No docs in your language, no one to ask

With Yalla Kit

The agent-first way

Launch in days
  • Auth ready in minutes

    Magic links configured and working

  • RTL correct by default

    The lint rule will not let it break

  • Agents stay on rails

    The harness catches drift before you do

  • Deploys that just work

    Hostinger-ready with a written guide

  • Docs plus a real human

    Arabic docs and direct support

Choose the path that saves you months

Built with Yalla Kit

Real pages, live right now, built agent-first

Featured build

aiarabicdev.com

The site you are on. Landing, pricing, auth, waitlist and contact, all built by Claude Code inside the kit's harness.

BilingualRTLSupabase
You are here

Five free guide pages

Lead-magnet landing pages shipped by the agent in single sessions, each one bilingual and indexed.

Landing pagesSEOOne session each
See a guide

Your product here

Build with Yalla Kit, ship it, and get featured in this showcase.

Your featuresYour launchYour story
Get started

Meet the maker

Built by someone who ships Arabic products with agents every day

Fouad

@withfouad

I build Arabic-first products end to end with Claude Code and teach non-technical founders in the Gulf and MENA to do the same on YouTube.

Yalla Kit is the exact foundation I use for my own launches. Every lesson from those builds is baked into the harness, so your agent does not repeat my mistakes.

Built in public

Frequently asked questions

Cannot find your answer? Contact us

What exactly is Yalla Kit?

A Next.js 16 + Supabase boilerplate designed to be built on by AI agents like Claude Code, with Arabic and RTL as first-class citizens. You get the code, the agent harness, the skills and the documentation.

Do I need to know how to code?

No. The kit is designed so Claude Code does the coding while the harness keeps it honest. If you can describe your product and follow the docs, you can ship. Developers move even faster.

What stack does it use?

Next.js 16 App Router, React 19, TypeScript, Tailwind v4, 50+ shadcn/ui components with the RTL preset, Supabase for auth, Postgres and storage with a Drizzle typed query layer, next-intl for languages, Stripe and Polar for payments, and Vitest plus Playwright E2E in CI.

Why is it better for Arabic than the famous boilerplates?

Foreign kits treat RTL as a CSS afterthought and Arabic as a translation file. Yalla Kit enforces RTL-safe classes with lint rules, fails the build when a translation is missing, and ships Arabic typography and copy patterns from day one.

How do payments work without Stripe in my country?

The kit ships Stripe and Polar behind one adapter. Polar acts as merchant of record, which works for Gulf and MENA founders without a Stripe country, and switching providers later is a config change, not a rewrite.

How do I access the documentation?

After you buy on Gumroad you get a license key. Sign in on this site, redeem the key once, and the full documentation unlocks for your account, permanently.

Do I get updates?

Yes. It is a one-time payment with lifetime updates: pull the latest kit whenever you like and every improvement is yours.

Can I use it for client projects?

Yes, you can build and ship unlimited products for yourself or clients. The only thing you cannot do is resell or redistribute the kit itself as a boilerplate.

Ready to build your own?

Stop configuring, start shipping. Your product could be live this week.

One-time payment, lifetime updates

Plans from $50Get started