Platform Re-Build Proposal

An integrated platform,
under one roof.

Kadence.in re-imagined as a unified destination for musicians. Premium e-commerce, video learning, an active community, and an AI-powered assistant - all under kadence.in. Built on a serious, enterprise-grade technology foundation that the world's most demanding consumer brands trust.

Prepared for

Kadence.in

Prepared by

CloudFigma

Engagement type

End-to-end platform build

scroll to explore
01 / The Vision

One platform. Four integrated modules. One unified experience.

Kadence.in today is a single-purpose store. Tomorrow, it becomes a complete platform: shop instruments, learn from courses, ask an AI assistant, and join a community - all under one roof at kadence.in, with a single login, a single customer profile, and one cohesive brand experience.

A customer can buy an instrument, instantly enroll in the matching course, ask the AI assistant for setup help, and discuss it with fellow musicians in the community - without ever leaving the brand. Each module is independent in its data and operations, yet they share one identity layer so the customer feels they're using one product, not four.

What changes for the business

Today, a Kadence customer experiences a transaction. Tomorrow they experience a relationship - guided by an intelligent assistant, supported by a community, and developed through structured learning. Every purchase becomes the start of a journey, not the end of a conversion funnel. The result: higher lifetime value, lower support costs, and a brand that customers genuinely return to.

02 / Technology Stack

The same foundation that the world's top digital brands run on.

Visual diagram of the Kadence.in technology stack across five layers

Built for global scale

We have engineered the platform on Next.js - the React framework that powers some of the world's largest digital products. Open-source for full ownership and customisation; managed services for reliability and speed of delivery. Every choice is made so the platform scales 10x without re-platforming.

Trusted by global brands
Netflix TikTok Hulu Twitch Notion DoorDash Loom Nike
And by India's top tech brands
CRED Razorpay Cult.fit Tata 1mg Nykaa Meesho

"A stack built for the next decade, not the next quarter."

01

Frontend & Experience

User-facing layer
Next.js 15React framework
Server-rendered React framework used by India's most respected tech brands. Best-in-class for performance, SEO, and AI-assisted development.
TypeScriptLanguage
End-to-end type safety from the database to the browser. Catches bugs at build time, not in production.
Tailwind CSS + shadcn/uiDesign system
Pixel-perfect Figma-to-code with accessible, production-grade components. Industry standard for premium UI.
Framer MotionMotion design
Production-grade animations and micro-interactions that make the brand feel alive.
Google Cloud Compute EngineHosting
All frontend and backend services run on Google Cloud Compute Engine. Enterprise-grade, auto-scaling, globally available.
02

Backend Services & APIs

Server logic, APIs, workers
Next.js Server ActionsApplication backend
Server-side logic written in TypeScript, deployed alongside the frontend. Handles business workflows, orchestrates the other backend services, and exposes type-safe RPC-style APIs to the frontend.
REST + GraphQL APIsAPI surface
Public REST endpoints for the storefront and admin. Internal GraphQL APIs from Medusa for rich product queries. Versioned, documented, OpenAPI-compliant.
Background WorkersAsync processing
Long-running tasks (invoices, embeddings, shipping labels, email campaigns) handed off to background workers via QStash queue. Workers retry on failure, run in isolation, never block the user.
Webhooks & Event BusSystem integration
Razorpay, Shiprocket-equivalent carriers, and external systems communicate with the backend via signed webhooks. Internal events broadcast to subscribers (KAI re-indexing, analytics, notifications).
Cron & Scheduled JobsRecurring tasks
Nightly reports, weekly stock audits, automated re-engagement campaigns, KAI memory pruning. Triggered on schedule via QStash, with full audit logs.
03

Commerce Engine

Catalog, orders, checkout
Medusa.js v2Headless commerce
Open-source, customisable commerce engine in TypeScript. Native support for complex product variants, bundles, promotions, and multi-warehouse inventory. No platform fees, ever.
04

Identity & Authentication

Cross-module SSO
Better AuthSelf-hosted authentication
Modern, TypeScript-first authentication. Free forever with no per-user fees. One login works across kadence.in, learn.kadence.in, and forum.kadence.in. Supports OAuth, OTP, MFA, magic links, and organisations for future B2B.
05

Data Layer (Per-Module Databases)

Dedicated storage per module
Postgres on NeonCommerce database
Dedicated database instance for products, orders, customers, and inventory. Industry-standard relational database trusted by Fortune 500 companies. Daily backups, point-in-time recovery.
Postgres on NeonLearning database
Separate database instance for course content, enrollments, progress, and certificates. Isolation means a heavy course load never affects checkout performance.
Postgres (Discourse-managed)Forum database
Discourse manages its own database for threads, replies, badges, and reputation. Independent of the commerce stack so the forum can scale on its own.
Postgres + pgvectorAI vector database
Specialised store for AI embeddings and conversation memory. Powers KAI's ability to search semantically across products, courses, and forum posts.
Prisma ORMType-safe queries
Modern ORM that gives every developer auto-completed, fully-typed queries. Eliminates an entire class of database bugs.
Upstash RedisCache + sessions
Sub-millisecond cache for product pages, sessions, and rate limiting. Serverless pricing - pay only for what you use.
MeilisearchSearch engine
Instant typo-tolerant search across products and forum threads. Returns results in under 50 milliseconds.
06

Content Management (Sanity CMS)

Editorial + SEO content
Sanity CloudHosted headless CMS
Your marketing team's home base. Blog, landing pages, banners, FAQs, SEO meta, structured data - all editable without touching code. Real-time collaboration, version history, scheduled publishing.
07

KAI Assistant (Hybrid AI)

Domain-aware intelligence
Hybrid AI OrchestrationMulti-model routing
KAI uses a Hybrid AI approach - routing each question to the right model based on cost, speed, and complexity. Heavy reasoning tasks use the most capable models; simple queries use faster, cheaper ones. Future-proof against model changes.
Voyage AIEmbeddings
Best-in-class embedding model that converts your products, courses, and forum posts into searchable vectors.
RAG PipelineRetrieval-Augmented Generation
KAI is grounded in YOUR data. It cites its sources on every answer and never invents products or courses that do not exist.
08

Video, Storage & Real-time

Media + live updates
Bunny StreamVideo delivery
Adaptive HLS video streaming with global CDN. Fast playback on any connection, 10x more cost-efficient than alternatives like Mux. Handles low-bandwidth gracefully.
Google Cloud StorageObject storage
Image and file storage on Google Cloud, sitting next to our compute layer for the lowest possible latency. Paired with Cloudflare for global image optimisation (WebP, AVIF).
PusherReal-time messaging
Managed websockets. Powers KAI's streaming responses, live forum updates, and instant order notifications to your admin team.
09

Payments & Communications

India-first integrations
RazorpayPrimary payment gateway
UPI, debit and credit cards, net banking, wallets, and EMI. India's most trusted payment gateway.
PhonePeUPI & digital payments
Direct PhonePe integration for the country's largest UPI user base. Reduces drop-offs at checkout.
SnapmintEasy EMI payments
Zero-cost EMI options that increase average order value and conversion on higher-priced instruments.
WhatsApp Business APICustomer comms
Order confirmations, shipping updates, abandoned cart reminders, and re-engagement campaigns - all through the channel your customers actually read.
ResendTransactional email
Modern email infrastructure. Beautiful HTML emails, high deliverability, full event tracking.
10

Infrastructure & Hosting

Enterprise-grade cloud
Google Cloud Compute EngineFrontend + Backend hosting
Everything - the Next.js frontend and every backend service - runs on Google Cloud Compute Engine. Enterprise-grade infrastructure with auto-scaling, global availability, and the same backbone that powers YouTube, Spotify, and Snapchat.
CloudflareCDN, WAF, DDoS protection
Front-line protection used by 25% of the internet. Blocks malicious traffic, accelerates global delivery, and shields the application from attacks before they reach our servers.
03 / The Four Modules

One platform. Four modules. Independent yet unified.

Each module is built and operated as an independent service with its own database and dedicated tooling. They share a single sign-on layer so customers experience one product, while engineering teams can evolve each module without disrupting the others.

Module 01
01

Commerce

A large catalog of instruments, accessories and gear. Multi-warehouse inventory. GST-compliant invoicing. Payments through Razorpay, PhonePe and Snapmint. Custom-built shipping integrated with Amazon Shipping, India Post, Bluedart and more.

Module 02
02

Learning

Premium video courses with adaptive streaming. Progress tracking across devices. Certificates on completion. Bundled pricing with instruments. Designed for learners at every level, anywhere in the world.

Module 03
03

Community

A vibrant forum where customers learn from each other. Branded to feel native to kadence.in. Single sign-on with the main store. Categories for beginners, gear, theory, showcase, and Q&A. Trust levels, badges, and gamification.

Module 04
04

KAI Assistant

A Hybrid AI agent that knows your products, courses, and community. Cites its sources. Streams responses in real-time. Helps customers discover products, answers technical questions, and routes complex queries to your support team.

04 / Modules & Phases

Inside each module. Phase by phase.

Every module is built in clear, deliverable phases. Below is the complete roadmap at a glance, followed by an interactive deep-dive on each module. This is the playbook you can hold us to.

Complete roadmap at a glance

33 phases · 5 streams
Commerce 7 phases
01
Foundation Setup
02
Catalog & Migration
03
Frontend (Figma)
04
Cart & Checkout
05
Payments
06
Shipping & Fulfilment
07
Order Management
Learning 7 phases
01
Foundation
02
Video Infrastructure
03
Student Experience
04
Lesson Player
05
Progress & Certs
06
Course Bundles
07
Instructor Tools
Community 5 phases
01
Discourse Foundation
02
SSO Integration
03
Branding & Theming
04
Categories & Moderation
05
Cross-Platform
KAI Assistant 7 phases
01
Knowledge Base
02
Hybrid AI Routing
03
RAG Pipeline
04
UI Integration
05
Tool Use
06
Memory & Personal.
07
Cross-Domain
Backend Services 7 phases · parallel stream
01
API Foundation
02
Commerce APIs
03
Learning APIs
04
Auth Service
05
Background Workers
06
Admin & Reports APIs
07
Deployment & Scaling
Backend runs as a parallel stream to the four user-facing modules. Hover any phase. For the full breakdown of each module, explore the tabs below.

Commerce Module

The customer-facing storefront and the operational backbone of Kadence.in. Every product page, every cart, every checkout, every order, every refund flows through here. Built on Medusa.js with a custom shipping engine and India-first payments.

At a glance
The store that pays the bills
Phases7
DatabasePostgres (Neon)
EngineMedusa.js v2
Subdomainkadence.in
Build sequence
01
Phase 01
Foundation Setup

Project scaffolding, environments, and the commerce backend stood up.

  • Next.js + TypeScript project
  • Tailwind + shadcn/ui design system
  • Better Auth integration
  • Medusa.js v2 backend on Railway
  • Postgres database on Neon
02
Phase 02
Catalog & Migration

All existing products imported and the catalog ready to browse.

  • Product schema in Medusa
  • Migration scripts from WordPress
  • Image migration to Cloudflare R2
  • Meilisearch indexing
  • Category structure + tags
03
Phase 03
Storefront Frontend Development

Frontend built pixel-perfect from your finalised Figma design, fully responsive across desktop, tablet, and mobile.

  • Figma design implemented in code
  • Fully responsive (desktop / tablet / mobile)
  • Homepage with featured products
  • Product listing pages (PLP)
  • Product detail pages (PDP)
  • Wishlist functionality
  • Reviews & ratings system
04
Phase 04
Cart & Checkout

Persistent cart and a clean multi-step checkout flow.

  • Persistent cart (guest + logged-in)
  • Multi-step checkout
  • Address management
  • Coupon & promotion engine
  • GST calculation engine
05
Phase 05
Payments Integration

India-first payment methods, plus international expansion ready.

  • Razorpay (UPI / cards / EMI)
  • PhonePe integration
  • Snapmint easy EMI integration
  • Payment retry & reconciliation
06
Phase 06
Custom Shipping & Fulfilment

A multi-carrier shipping engine built from the ground up.

  • Amazon Shipping integration
  • India Post API integration
  • Bluedart API integration
  • Label generation + AWB
  • Tracking inside admin dashboard
07
Phase 07
Order Management & Admin

The operational tools your ops team uses every day.

  • Order processing dashboard
  • Returns / RMA workflow
  • GST invoice generation
  • Refund management
  • Customer service tools

Learning Module

Premium video courses, structured lessons, progress tracking, and certificates. Built to be the most reliable learning experience musicians can find, anywhere on the internet.

At a glance
Where customers become musicians
Phases7
DatabasePostgres (Neon)
VideoBunny Stream HLS
Subdomainlearn.kadence.in
Build sequence
01
Phase 01
Foundation

Schema, dedicated database, and the LMS subdomain wired up.

  • Course / Section / Lesson schema
  • Dedicated Postgres database
  • learn.kadence.in subdomain
  • Better Auth integration
  • Prisma ORM setup
02
Phase 02
Video Infrastructure

Production-grade video streaming for any network condition.

  • Bunny Stream integration
  • HLS adaptive bitrate
  • Custom branded video player
  • Subtitle / caption support
  • Playback speed control
03
Phase 03
Student Experience

The browse-to-enrol journey for a learner.

  • Course catalog browsing
  • Course detail pages
  • Enrollment flow
  • My Learning dashboard
  • Instructor profile pages
04
Phase 04
Lesson Player & Engagement

Inside the lesson - everything a learner needs.

  • In-lesson video player
  • Per-lesson notes
  • Downloads section (PDFs, tabs)
  • Optional quizzes
  • Q&A panel per lesson
05
Phase 05
Progress & Certificates

Tracking that follows the learner across every device.

  • Cross-device progress tracking
  • Completion logic
  • PDF certificate generation
  • Sharing & verification
  • Achievement badges
06
Phase 06
Course-Product Bundles

The cross-sell engine that links Learning back to Commerce.

  • Bundle pricing logic
  • Auto-enrolment on purchase
  • Cross-sell on product pages
  • Upsell during checkout
  • Gift courses with instruments
07
Phase 07
Instructor Tools

The console instructors use to upload and improve courses.

  • Course upload UI
  • Lesson management
  • Student analytics
  • Revenue reports
  • Comment / Q&A inbox

Community Module

A branded, self-hosted forum running on Discourse - the same platform Apple Developer, Stack Overflow's community, and the world's biggest brand forums run on. Connected by single sign-on so it feels native to kadence.in.

At a glance
Where customers stay engaged
Phases5
DatabasePostgres (Discourse)
PlatformDiscourse self-hosted
Subdomainforum.kadence.in
Build sequence
01
Phase 01
Discourse Foundation

Self-hosted Discourse deployed and hardened.

  • Self-hosted setup on VPS
  • forum.kadence.in subdomain
  • Database + automated backups
  • Email / SMTP configuration
  • Security hardening
02
Phase 02
SSO Integration

One login across kadence.in and forum.kadence.in.

  • DiscourseConnect protocol
  • User sync from Better Auth
  • Profile synchronization
  • Avatar & display name sync
  • Single logout
03
Phase 03
Branding & Theming

A forum that feels like a native part of kadence.in.

  • Custom Discourse theme
  • Match kadence.in design system
  • Custom header / footer
  • Mobile-first responsive styling
  • Custom plugins as needed
04
Phase 04
Categories & Moderation

A community that's organised, safe, and self-policing.

  • 5 default categories live
  • Moderation rules + auto-spam
  • Trust level configuration
  • Badge system + leaderboards
  • Reporting & flag flows
05
Phase 05
Cross-Platform Integration

The forum becomes part of the broader Kadence experience.

  • Product card embeds in posts
  • Course link embeds
  • Forum thread widgets on PDP
  • Forum search inside KAI
  • Unified moderation dashboard

KAI Assistant Module

A Hybrid AI agent that knows every product in the catalog, every lesson in every course, and every conversation in the forum. It does not invent answers - it cites them. Built on the RAG pattern with multi-model routing for the best balance of speed, cost, and accuracy.

At a glance
The intelligence in the platform
Phases7
DatabasePostgres + pgvector
AIHybrid (multi-model)
EmbeddingsVoyage AI
Build sequence
01
Phase 01
Knowledge Base Setup

The data foundation that KAI reasons over.

  • pgvector extension on Postgres
  • Embedding generation pipeline
  • Voyage AI integration
  • Initial product indexing
  • Re-index on content updates
02
Phase 02
Hybrid AI Orchestration

Multi-model routing for cost-effective intelligence.

  • Model routing logic
  • Prompt engineering
  • Cost & latency monitoring
  • Fallback model handling
  • Rate limit management
03
Phase 03
RAG Pipeline

The retrieval-augmented core that makes KAI accurate.

  • Vector retrieval logic
  • Context assembly
  • Response generation
  • Source citations
  • Hallucination guardrails
04
Phase 04
UI Integration

The widget customers actually interact with.

  • Floating chat widget
  • Streaming responses (Pusher)
  • Inline product cards
  • Conversation history
  • Mobile-optimised UI
05
Phase 05
Tool Use & Actions

KAI does not just answer - it acts on behalf of the customer.

  • Inventory lookup tool
  • Order status tool
  • Course enrolment tool
  • Cart action tools
  • Support handover tool
06
Phase 06
Memory & Personalisation

KAI remembers each customer and learns from feedback.

  • Per-user conversation memory
  • Preference learning
  • Feedback loops (thumbs up/down)
  • Personalised recommendations
  • Memory export & reset
07
Phase 07
Cross-Domain Intelligence

KAI sees the whole platform - products, courses, community.

  • Forum content indexing
  • Course content indexing
  • Multi-source answers
  • Admin training console
  • Insight reports for ops team
05 / Website Structure

The complete site map, as a developer sees it.

Every page, every subdomain, every route - laid out the way it lives in the codebase. Each subdomain is an independent deployment that scales on its own; all of them share one identity, one design system, and one assistant.

kadence - site structure v1.0 launch
kadence.in/STOREFRONT (Next.js) ├── / // Home (featured products, hero) ├── /c/[category] // Guitars, Keyboards, Drums, Accessories ├── /p/[product] // PDP - gallery, variants, reviews, KAI ├── /search // Meilisearch-powered instant search ├── /cart // Persistent across sessions ├── /checkout // Razorpay / PhonePe / Snapmint ├── /account/ // Customer area │ ├── /orders // Order history + tracking │ ├── /wishlist // Saved items │ ├── /addresses // Address book │ └── /returns // RMA workflow ├── /blog // Sanity-managed editorial └── /pages/[slug] // Static + landing pages from Sanity learn.kadence.in/LEARNING (LMS) ├── / // Course catalog ├── /c/[course] // Course detail + curriculum ├── /learn/[course]/[lesson] // Lesson player + notes + Q&A ├── /my-learning // Enrolled courses + progress ├── /certificates // PDF certificates + verification ├── /workshops // Live sessions └── /instructor/ // Upload UI + student analytics forum.kadence.in/COMMUNITY (Discourse) ├── / // Forum home (latest, top, hot) ├── /c/[category] // Beginners, Gear, Theory, Showcase, Q&A ├── /t/[topic] // Thread + replies + likes ├── /u/[user] // Profile + badges + trust level ├── /badges // Achievements + leaderboard └── /search // Discourse + semantic via KAI admin.kadence.in/OPERATIONS DASHBOARD ├── /orders // Fulfilment, refunds, invoices ├── /products // Catalog management ├── /inventory // One-click stock updates ├── /courses // Course publishing + analytics ├── /customers // Unified 360 customer view ├── /support // Unified support inbox ├── /automation // WhatsApp, workflows, campaigns └── /reports // Revenue, LMS, KAI, automation Shared across all subdomains: Better Auth (SSO) | KAI Widget (floating) | Cloudflare CDN + WAF | Unified design system
One identity

Sign in once on kadence.in - you are signed in on learn, forum, and admin too. Better Auth runs across all four subdomains.

Independent services

Each subdomain is its own deployment. Updates to learning never touch checkout. The forum scales on its own. Reliability through isolation.

Shared experience

The KAI assistant lives as a floating widget on every subdomain. Same design system. Same brand. Customers never feel they are switching products.

SEO everywhere

SSR rendering, structured data, sitemaps, and meta tags are baked into every subdomain. Google sees Kadence as one coherent platform.

06 / System Architecture

Layered. Protected. Future-proof.

The platform is composed of independent layers that communicate over secure HTTPS APIs. Cloudflare wraps everything as the outer protection layer. Better Auth runs across all modules as the identity layer. Each application module owns its own database and scales independently.

Cloudflare - CDN + WAF + DDoS Protection
Better Auth - Single Sign-On across all modules
SEO Layer Built into every page
SSR + SSGCrawlable HTML
JSON-LDStructured data
Sitemap.xmlAuto-generated
Meta + OGManaged in Sanity
301 RedirectsLegacy URL mapping
Frontend (Next.js) Customer-facing
Storefrontkadence.in
Learninglearn.kadence.in
KAI WidgetEmbedded on every page
Adminadmin.kadence.in
Application Modules Independent services
Medusa CommerceCatalog, orders, checkout
Learning ServiceCourses, lessons, progress
Discourse ForumThreads, moderation
KAI Hybrid AIMulti-model + RAG
Sanity CMSBlog, pages, banners
Automation + Real-time Background + live events
Automation Engine (QStash)WhatsApp, orders, shipping, stock
Real-time Layer (Pusher)KAI streaming, forum live, admin alerts
Data Layer Dedicated store per module
Commerce DBPostgres
Learning DBPostgres
Forum DBPostgres
KAI VectorPostgres + pgvector
Sanity CloudCMS data
RedisCache + sessions
MeilisearchSearch index
External Integrations
Connected to the protected system over secure APIs.
Payments
Razorpay PhonePe Snapmint
Shipping (custom)
Amazon Shipping India Post Bluedart
Communications
WhatsApp API Resend Email SMS Gateway
AI Services
Hybrid AI Models Voyage AI Embeddings
Hosting
All services run on Google Cloud Compute Engine - enterprise-grade infrastructure with auto-scaling and global availability.
Headless by design

Frontend and backend are decoupled. Tomorrow you can add a native mobile app without rebuilding anything on the backend.

One identity, four modules

Better Auth issues sessions that all four modules trust. Customers log in once and have one continuous experience.

Dedicated databases per module

Each module owns its own database. A heavy course load never slows down checkout. Reliability through isolation.

Open standards everywhere

No proprietary protocols. Every layer can be migrated or replaced. Your business is never held hostage by a vendor.

07 / Backend & Deployment

Backend services, APIs, and the cloud they run on.

The frontend is half the picture. Behind every page is a set of backend services - each with its own responsibility, its own database, and its own deployment lifecycle. Every service runs on Google Cloud Compute Engine with auto-scaling, health checks, and one-click deployments.

Commerce API
Medusa.js v2
OwnsProducts, cart, orders, inventory, returns, promotions
DatabasePostgres (Neon) - Commerce DB
Endpoints/store/* /admin/*
WorkersOrder webhooks, GST invoice generation
Learning API
Next.js Server Actions
OwnsCourses, lessons, enrolments, progress, certificates
DatabasePostgres (Neon) - Learning DB
Endpoints/api/learn/*
WorkersCertificate PDF generation, video metadata sync
Auth Service
Better Auth
OwnsUsers, sessions, OAuth, MFA, organisations
DatabaseShared with Commerce DB
Endpoints/api/auth/*
WorkersWebhook fan-out on user create/update
KAI Service
Custom + Hybrid AI
OwnsConversations, embeddings, memory, retrieval, tool calls
DatabasePostgres + pgvector
Endpoints/api/kai/chat /api/kai/embed
WorkersEmbedding re-index, conversation cleanup
Discourse Service
Discourse self-hosted
OwnsForum threads, replies, moderation, badges
DatabaseDiscourse-managed Postgres
EndpointsDiscourseConnect SSO · Webhooks
WorkersSpam moderation, indexing for KAI
Workers & Automation
QStash + Custom Workers
OwnsAsync tasks - emails, labels, embeddings, campaigns
QueueUpstash QStash (managed)
TriggersOrder events, schedules, webhooks
ReliabilityAutomatic retries, dead-letter queue, alerts
Deployment Topology

Everything runs on Google Cloud Compute Engine.

01
Cloudflare Edge
CDN, WAF, DDoS protection. Catches and routes every request before it reaches our servers.
02
Google Cloud Load Balancer
Distributes traffic across GCP regions. Health-checked. Auto-failover on instance issues.
03
Compute Engine VMs
Auto-scaling instance groups running the Next.js frontend, Medusa backend, Discourse, and all worker services.
04
Managed Databases
Postgres (Neon), Redis (Upstash), Cloud Storage for media. Backed up daily, point-in-time recovery.
Auto-scalingInstances added or removed based on real load. You never pay for idle.
Health checksEvery service self-reports. Unhealthy instances are replaced automatically.
Blue-green deploysNew code rolls out alongside old. Traffic switches when ready. Zero downtime.
Disaster recoveryDaily backups, multi-region snapshots, documented restore runbooks.
Independent deployments

Each backend service deploys separately. A bug fix in Learning never blocks a Commerce hotfix.

API-first design

Every service exposes a versioned API. The frontend, mobile apps, and partners all consume the same surface.

Observability everywhere

Logs, metrics, traces from every service flow into a unified dashboard. We see issues before they become incidents.

Secret management

API keys, payment credentials, AI tokens stored in Google Secret Manager. Rotated on schedule. Never in code.

08 / SEO Architecture

Search engines see exactly what your customers see.

SEO is not an afterthought added at the end. It is engineered into the architecture from the first line of code. Every page is rendered on the server (SSR) or pre-built statically (SSG) so that Google sees a fully populated HTML page with structured data, not an empty JavaScript shell.

What we build in

Server-side rendering (SSR + SSG)

Every product page, course page, blog article, and forum thread is rendered on the server. Search engine crawlers see complete content the moment they visit.

Structured data (JSON-LD)

Product, Course, FAQ, Article, BreadcrumbList, and Organization schemas on every relevant page. Rich snippets in Google. Voice-assistant ready.

Sitemap.xml + robots.txt

Auto-generated, auto-submitted to Google Search Console. Every new product or course appears within minutes.

What the content team controls

Per-page meta + Open Graph via Sanity

Title tags, meta descriptions, OG images, and Twitter cards - all editable in the CMS by non-technical staff. No deploys needed.

301 redirects from legacy URLs

Every WordPress URL is mapped to its new home before launch. Existing search rankings are preserved on day one.

Image optimisation + Core Web Vitals

Next.js Image automatically serves WebP / AVIF in the right size. Cloudflare Images adds another layer. Target Lighthouse score: 90+.

09 / Automation

Operations that run themselves.

The platform automates the repetitive work that usually eats up a team's day. WhatsApp updates, shipment labels, stock alerts, order routing, marketing campaigns - all triggered automatically by the business events that produce them. Your team stops doing logistics and starts doing strategy.

Example Workflow

What happens the moment a customer places an order.

EVENT
Customer places an order
↓
PARALLEL FAN-OUT
Automation Queue (Upstash QStash)
↓
01
Confirmation Email
Branded receipt sent via Resend
GST Invoice
02
PDF generated & attached
03
Shipping Booked
Cheapest carrier auto-selected
04
WhatsApp Update
Order confirm + tracking link
05
KAI Memory
Order indexed for future Qs
More automations on the same engine
One-Click Stock UpdateOps team replenishes stock with a single click - inventory propagates everywhere instantly.
Shipment Label Bulk PrintDaily label batches generated, sorted, ready to ship.
Abandoned Cart RecoveryWhatsApp + email nudges sent on a configurable schedule.
Course RecommendationsKAI suggests matching courses post-purchase, auto-sent to the customer.
Low Stock AlertsThresholds trigger purchase order alerts to the ops team.
Return / RMA WorkflowCustomer requests return → ops auto-routed → refund executed.
All in one place

One dashboard. Every operation.

Your operations team gets a single unified dashboard for every workflow and automation - orders, inventory, shipments, customer support, marketing campaigns, KAI training, and forum moderation. No tab-switching. No context loss. Every operational task in one console.

10 / Support & Operations

One support system. One dashboard. Handled.

We build a unified support system that handles every customer query - product questions, order issues, course enrollment, community moderation - in a single dashboard. The CloudFigma team monitors your infrastructure continuously so the moment anything goes wrong, we are already on it.

Operations & Monitoring
One console.
Every customer query, every system event, every alert. CloudFigma's monitoring team watches every server, every database, and every external integration - so issues are caught and resolved before customers feel them.
01
Unified customer support inbox

Every query - from the store, the LMS, the forum, or KAI escalations - lands in one inbox. Tags, priorities, SLA timers. Your team replies once; the customer sees a unified response.

02
Community moderation in the same dashboard

Forum flags, abusive content, escalations - all surface in the same support view. No tab-switching, no context loss.

03
Continuous server monitoring by CloudFigma

If a server goes down, our pager rings before yours. We diagnose and respond before customers notice anything. Status page updates in real time.

04
Incident response playbooks

Documented runbooks for every known failure mode. We do not improvise during a crisis - we execute. Mean time to recovery: minutes, not hours.

11 / DevOps & Reliability

Ship fast. Roll back faster.

Every code change flows through a CI/CD pipeline before it reaches a customer. New features are tested in isolation, deployed first to a preview URL, then staging, then production. If anything ever breaks in production, we revert to the previous version with one click - so a bad update never crashes the live site.

CI / CD Pipeline

From commit to production in minutes, safely.

01
Commit
git push to GitHub
instant
02
Build & Test
GitHub Actions CI
~2 min
03
Preview URL
Auto-deployed
~1 min
04
Staging
Manual approval
~1 min
05
Production
Blue-green deploy
~3 min
Emergency Rollback
One click. Previous version restored in seconds.

If anything goes wrong post-deploy, we revert to the last known good build with a single click. Customers never see a broken site. Mean time to recovery: under 60 seconds.

Rollback
Git + GitHub Actions

Every code change goes through pull request review and automated testing. Nothing reaches production without passing the full CI pipeline.

Preview deploys on every push

Every branch gets its own preview URL. Stakeholders review changes before merging. No surprises in production.

Staging mirrors production

A separate staging environment runs the exact same code, infrastructure, and data shape. Catch issues before they hit customers.

Automated backups

Daily database snapshots with point-in-time recovery for 30 days. Code and content are version-controlled. Disaster recovery is rehearsed quarterly.

Secrets & key management

API keys, payment credentials, AI tokens - all stored in Google Secret Manager, never in code. Rotated on schedule.

Monitoring & alerts

Every service self-reports health. Alerts page the on-call engineer within seconds of an anomaly. Incidents documented and reviewed.

Same Next.js foundation as CRED Razorpay Cult.fit Tata 1mg Nykaa Meesho
12 / Knowledge Transfer & Deliverables

You own the platform. Fully.

Upon project completion, CloudFigma conducts a structured Knowledge Transfer (KT) so your team can operate, extend, and maintain the platform independently. Every deliverable below is handed over as a standard part of the engagement - this is how serious agencies hand off serious platforms.

Stage 01
Engagement Start
Private GitHub repo with you as admin
Project kickoff document & communication plan
Shared project board (Linear / Notion)
Stakeholder access to staging environments
Stage 02
Per Phase Completion
Working build deployed to staging
Phase demo with your team
Updated architecture & data model docs
Phase-specific acceptance sign-off
Stage 03
Launch Day
Production platform live on Google Cloud
All modules operational with content
301 redirects from old WordPress URLs
Sitemap submitted to Google Search Console
Monitoring & alerting active
Status page live for transparency
Stage 04
Knowledge Transfer
Developer Handbook - codebase tour, conventions, how to add features
Operations Playbook - written for ops staff, not engineers
Deployment Guide - step-by-step staging and production deploys
Architecture Documentation - system diagrams, sequence flows
Database Schemas - ERDs, field docs, migration history
API Reference - OpenAPI / Swagger spec for every endpoint
Incident Runbooks - procedures for known failure modes
Live KT Sessions - 2-hour walkthrough, recorded for re-watch
Stage 05
Full Vendor Handover
Google Cloud account transferred to Kadence
Cloudflare account transfer with admin access
All payment gateway accounts under Kadence name
All communication services (WhatsApp, Resend) handed over
All AI service accounts transferred
Documented credential rotation schedule