Case Study

SESUDU.COM FOOD INTELLIGENCE PLATFORM.

Malaysia's first smart food platform — 89 pages, PageSpeed 99-100, built from zero to production in Astro 5 + React 19 + Cloudflare edge.

Food & Lifestyle Software Development AI Integration Performance Engineering

89

Pages Built

45+

Components

106

Data Files

99/100

PageSpeed

The Brief

Build Malaysia's smartest food platform.

Sesudu needed to become more than a recipe site — it needed to be a full-stack food intelligence platform combining interactive recipes, restaurant discovery, global halal navigation, and kitchen tools in a single cohesive ecosystem.

The technical challenge: deliver all of this at near-perfect PageSpeed scores across 89 pages, with zero compromise on user experience.

Client

Sesudu.com

Industry

Food & Lifestyle

Timeline

Q1 2026

Platform

Web (Mobile-optimized)

Tech Stack

Astro 5React 19TypeScriptTailwindCSS 3.4Inline CSSOutfit Variable FontKV StorageTurnstileGoogle Business Profile APIsGoogle Maps PlatformGoogle Street ViewTencent PanoramaNano Banana (Gemini) (Imagen 3)AhrefsBrevoAVIF/WebP/PNGIntersectionObservercontent-visibility

The Challenge

Not just another recipe site. A platform-level engineering challenge.

Recipe sites are slow, ad-heavy, and hostile to users — Malaysian food content deserves better.

No platform combines recipes + nearby restaurants + global halal search in a single ecosystem.

Existing food apps ignore Malaysian context — pricing in RM, real chef sources, local ingredients.

Google Street View doesn't work in China, breaking halal restaurant discovery for travelers.

Air fryer content in Bahasa Melayu is scattered, incomplete, and unreliable.

Most food sites score below 60 on PageSpeed — users leave before recipes even load.

Our Approach

Engineer it right. Ship it fast.

We designed Sesudu as a performance-first platform using Astro's island architecture — zero JavaScript by default, interactive React components only where users need them.

01

Static-First Architecture

89 pages pre-rendered at build time. Only 4 interactive React islands (calculator, product browser, comparison tool). Result: near-zero JavaScript for 95% of pages.

02

Intelligent API Chain

Dual-provider restaurant search: Google Business Profile APIs (Google Maps data) with automatic Google Maps Platform fallback. Rate limiting, KV caching, zero downtime.

03

AI Image Pipeline

Nano Banana (Gemini) Imagen 3 generates 10 photorealistic images per recipe. Automated pipeline: generate, convert to AVIF+WebP+PNG triple-format, deploy.

04

Global Halal Intelligence

Google Street View with automatic Tencent Panorama switch for China. WGS-84/GCJ-02 coordinate conversion. Scoring algorithm ranks by distance, rating, and halal reliability.

05

Zero Imagination Policy

Every recipe fact-checked against 4-5 authentic Malaysian chef sources. Every air fryer temperature from brand manuals. Data-driven keyword selection via Ahrefs.

Key Features

SEE IT IN ACTION.

Sesudu.com — 21 Interactive Recipe Infographics

21 Interactive Recipe Infographics

Each recipe with AI-generated images, portion calculator, cost estimator, step-by-step video, and user reviews.

AI Images Portion Calculator Cost Estimator

Location-Based Restaurant Discovery

Every recipe page detects user location via GPS and finds nearby restaurants serving that dish — with distance, walking/driving time, and price level.

Dual API: Google Business Profile APIs + Google Maps Platform fallback
Haversine distance calculation
Rate limiting: 10 searches/hour per IP
KV cache with 14-day TTL
Sesudu — Nearby halal restaurant search results in Tokyo

Global Halal Finder with Street View

See the restaurant storefront before you walk there — essential for Muslim travelers in unfamiliar cities. Auto-switches to Tencent Panorama in China where Google is blocked.

Google Street View + Tencent Panorama
WGS-84 ↔ GCJ-02 coordinate conversion
Prayer times & mosque search
Halal reliability scoring algorithm
Sesudu — Google Street View halal restaurant preview

Platform Intelligence

9 Intelligence Layers Behind Sesudu.

Not just a recipe site — a smart food ecosystem with purpose-built intelligence across every layer.

Sesudu.com — 9 Intelligence Pillars
🧠

Food Intelligence AI

Smart recipe recommendations based on location, budget, diet, and time of day — contextual food suggestions that actually make sense.

📍

Location Intelligence

GPS-powered nearby restaurant search with real-time distance, walking/driving estimates, and price level indicators.

🌍

Global Halal Navigation

Find halal restaurants worldwide with GPS, Panorama 360° street view, prayer times, and mosque search — even in China.

3-Pillar Smart Search

Diet, Meal Time, and Budget — three interconnected search dimensions that reflect how Malaysians actually think about food.

🌙

Ramadan Intelligence

Seasonal bazaar directory covering all of Malaysia with GPS coordinates, plus buka puasa restaurant suggestions near mosques.

💰

Cost Intelligence

Compare cooking cost vs buying from restaurants — real RM pricing from Malaysian markets to help users make smarter food decisions.

⚙️

Smart Actions

One-tap WhatsApp, Call, Google Maps, and Waze integration — zero friction from discovering a restaurant to actually going there.

🇲🇾

Malaysia-First

Built from Malaysian food culture, local chef sources, RM pricing, and Bahasa Melayu — not a translated Western food app.

🔗

Complete Ecosystem

Recipe → Restaurant → Cuisine — everything connects. Find a recipe, then find who sells it nearby, all in one platform.

Architecture

How it all connects.

sesudu — architecture

Content → Astro 5 (SSG) + React 19 (Islands)

Data → 106 TypeScript data files

API → 6 Cloudflare Worker endpoints

Search → Google Business Profile APIs → Google Maps Platform (fallback)

Images → Nano Banana (Gemini) → AVIF + WebP + PNG

Infra → CDN + KV + Turnstile

→ 89 pages. PageSpeed 99-100. Zero CLS.

framework
Astro 5React 19TypeScript
styling
TailwindCSS 3.4Inline CSSOutfit Variable Font
infrastructure
KV StorageTurnstile
apis
Google Business Profile APIsGoogle Maps PlatformGoogle Street ViewTencent Panorama
ai
Nano Banana (Gemini) (Imagen 3)AhrefsBrevo
performance
AVIF/WebP/PNGIntersectionObservercontent-visibility

89

Pages Built

45+

Components

106

Data Files

99/100

PageSpeed

21

Interactive Recipes

10

Air Fryer Brands

37

Food Types

6

API Endpoints

Performance Results

Built fast. Stays fast.

98-100

Performance

100

Accessibility

100

Best Practices

100

SEO

Triple-format images (AVIF + WebP + PNG) with responsive srcset

Zero CLS — explicit width/height on every image element

All CSS inlined directly in HTML — zero render-blocking stylesheets

Self-hosted Outfit variable font — zero external font requests

IntersectionObserver lazy loading for below-fold images and video

content-visibility: auto on heavy sections (maps, galleries)

JSON-LD schema at body end — reduced head parsing time

Recipe Schema with aggregateRating — rich snippets in Google Search

Development Process

From zero to 89 pages.

1

Discovery & Data Strategy

Keyword research via Ahrefs to identify high-volume Malaysian food searches (3,000+/month). Competitive analysis. Information architecture for 89 pages across 7 content verticals.

2

Architecture & Design

Astro 5 for static-first performance with React 19 islands. Dark theme with neon purple/magenta palette. API layer with KV caching and dual-provider chain.

3

Content Pipeline

9-step recipe flow: keyword research → multi-source chef verification (Che Nom, Azlina Ina, Khairul Aming, Azie Kitchen) → data compilation → fact-check → Nano Banana (Gemini) image generation → AVIF/WebP conversion → deploy → PageSpeed audit.

4

Feature Engineering

Location-based restaurant search with Haversine distance calculation. Global halal finder with Street View and Tencent Panorama fallback. Interactive air fryer calculator (10 brands × 37 foods × 3 modes).

5

Optimization & Launch

PageSpeed tuning to 98-100. Inline CSS strategy. Triple-format image pipeline. Global CDN deployment. Security: Turnstile bot protection, rate limiting, server-side validation.

Security & Infrastructure

Production-grade from day one.

01

Bot Protection

Cloudflare Turnstile (invisible CAPTCHA)

02

Rate Limiting

10-20 requests/hour per IP, configurable per endpoint

03

API Key Protection

All keys in environment variables, never in client code

04

Input Validation

Server-side validation on every form submission

05

Geofencing

Auto-detect China region → switch to Tencent API

This could be your platform.

Sesudu.com was built from zero to 89 pages of production-grade, performance-optimized food intelligence. Whether you need a SaaS platform, a content ecosystem, or a data-driven web application — we build it right.

Visit sesudu.com →