Shuhaib
フルスタックEコマースJan 2026 - Jun 2026

CakeNook - マルチベンダーECマーケットプレイス

フルスタックエンジニア

技術的課題と解決策

プロジェクトのビジネス背景と技術的成果の詳細。

01. 課題 (The Problem)

地域の洋菓子店やベーカリーでは、既存のECシステムではカスタム注文、受取日時の指定、売上分割の管理が極めて困難でした。

02. 技術的挑戦 (The Challenge)

柔軟な商品カスタマイズ、店舗側の即時受注承認、確実な決済・分配処理を支えるマルチベンダーシステムを構築すること。

03. 解決策 (The Solution)

Next.jsとNode.jsによるフルスタックWebプラットフォームを構築。Razorpay Webhook連携、配送枠の自動検証、店舗専用リアルタイムダッシュボードを開発。

04. 成果 (The Result)

受注処理時間を大幅に短縮し、売上分配を自動化、快適なレスポンシブ注文体験を実現。

主要な技術的課題

実装中に解決した低レイヤーインフラおよびシステム設計上のボトルネックの詳細。

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 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

調査と技術選定

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.

機能と実装

使用テクノロジー & ツール

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

プロジェクト画面設計 & UIフロー

アプリケーションの主要チェックポイントとテレメトリデータパイプラインを可視化したレイアウト設計。

Screen mockup 1
チェックポイント 1
Screen mockup 2
チェックポイント 2
Screen mockup 3
チェックポイント 3
Screen mockup 4
チェックポイント 4