Devloop
Agency
Live
The official Devloop website built with localized routing for English and Arabic, including full RTL support and server-side translations for SEO. It ships with theme switching, animation components that respect reduced-motion, and lazy-loaded/dynamically imported heavy UI to keep the initial load lean.
Problem:
- Devloop needed a fast, bilingual (English/Arabic) public site with strong SEO, clear sections, and a working contact flow.
Solution:
- Built a localized Next.js website with RTL support, theme switching, performance-focused loading strategies for animations, and a Resend-backed contact form.
Architecture:
- Next.js 16 App Router (Turbopack) + React 19 + Tailwind CSS 4, with next-intl for i18n (en/ar), next-themes for theming, Framer Motion for animations, and Resend for contact email delivery.
Tech Stack
- TypeScript
- Next.js
- Tailwind CSS
- shadcn/ui
- Upstash Redis
- GitHub Actions
- Resend
- next-intl
- React Hook Form
- Framer Motion
- Cloudflare Turnstile