Shuhaib
Hyper-Local MarketplaceJan 2026 - Jun 2026

CakeNook

Frontend Developer

Case Study Narrative

The business context and technical outcomes of this project.

01. The Problem

Artisanal bakers and dessert creators had no dedicated platform to showcase customized products and reach local buyers directly, while customers struggled to discover premium celebration gifts in their immediate vicinity.

02. The Challenge

Building a highly performant, SEO-optimized multi-vendor marketplace that loads instantly on mobile web, while managing geofenced local delivery boundaries and real-time vendor specific inventory.

03. The Solution

Designed a Next.js 15 application utilizing Server-Side Rendering (SSR) for instant search indexing, integrated location API boundaries, implemented dynamic geofenced queries, and set up simple vendor order pipelines with Razorpay.

04. The Result

Successfully launched in production at cakenook.in, providing a fluid search-to-checkout journey with premium visual presentation and organic search discovery.

Key Engineering Challenges

A detailed breakdown of low-level infrastructure and systems problems successfully solved during implementation.

Optimizing Next.js SSR for SEO search performance
Implementing local vendor boundaries & geocoding validation
Managing real-time perishable stock availability
Core Web Vitals and Lighthouse performance optimizations

The Challenge

Problem Statement

The goal was to build a multi-vendor platform that bridges the gap between local artisanal creators and customers seeking premium celebrations with reliable delivery validation.

Fragmented Market
Logistics Complexity
SEO Optimization

Research & Decisions

Emotional UX

Designed an interface that emphasizes elegance and emotion for celebration order conversion.

Local First

Prioritized location-based filtering to ensure freshness and timely delivery for perishable gourmet items.

Features & Implementation

Technologies Used

React.js
Next.js
TypeScript
Tailwind CSS
Google Maps Platform

Project Interface Flow

Visual layout mapping the primary interface checkpoints and telemetry data pipelines of the application.

Screen mockup 1
Checkpoint 1
Screen mockup 2
Checkpoint 2
Screen mockup 3
Checkpoint 3
Screen mockup 4
Checkpoint 4