Adasa

Arabic-speaking photography fans rarely find one place that combines practical lessons with an inviting, modern reading experience. Most content is in English, or sits on cluttered pages that are hard to browse on a phone.

The site needed to feel native in Arabic — right-to-left from the first line — and make 28 articles easy to explore by topic or by searching.

Keep the content in one structured JSON source — title, excerpt, category, author, image, date, reading time, tags and a featured flag — so every page is generated from the same data and new articles need no new code.

Design the browsing around three questions a reader asks: what's worth reading first (featured), what's new (recent) and what's about my interest (categories).

A dark, photographic theme with a warm orange accent lets the images lead. The home page moves from a bold hero to featured articles, recent posts, categories with their article counts and a newsletter sign-up.

The whole interface is laid out right-to-left with an Arabic-first type scale, and stays comfortable from small phones to wide screens.

React with React Router: home, blog, a page for every article at /blog/:slug, about, privacy, terms and a custom 404. A scroll manager returns each new page to the top and smoothly follows in-page anchor links.

Each article page parses its content into titled sections and suggests related articles from the same category.

The trickiest part was making the category filter, the text search and the pagination work together without fighting each other. Filtering had to reset to the first page, an empty search had to restore the full list, and a reader arriving from a category link elsewhere on the site had to land on an already-filtered list.

The solution was to derive the visible list in one place: a memoised filter over category and search, then a slice for the current page. The category travels in the URL as a ?category= parameter, so links from the home page, the footer or an article open the blog pre-filtered — and those links can be shared.

Vite produces a lean production build, and because the content ships as static JSON there's no API to wait for — articles appear immediately as you browse.

A fast, fully Arabic blog where readers can find what they need in a couple of taps — by category, by search or by following a shared link. It is live on Vercel and its code is public on GitHub.