Click Below to Get the Code

Browse, clone, and build from real-world templates powered by Harper.
Tutorial
GitHub Logo

Building a Product Catalog and Shopping Cart with Harper's GraphQL API

Simplify e-commerce development with Harper’s unified architecture. Database, cache, and real-time updates all run in one high-performance system.
Tutorial

Building a Product Catalog and Shopping Cart with Harper's GraphQL API

By
Nenne Nwodo
August 14, 2025
By
Nenne Nwodo
August 14, 2025
By
Nenne Nwodo
August 14, 2025
August 14, 2025
Simplify e-commerce development with Harper’s unified architecture. Database, cache, and real-time updates all run in one high-performance system.
Nenne Nwodo
Developer Relations

Building e-commerce features with traditional stacks means dealing with complexity that grows with every new requirement. You start with a product database and API server. Then you need Redis for caching product data. Real-time inventory updates require a message broker. Shopping cart persistence needs session management. Each component solves a specific problem, but now you're managing data consistency across multiple systems, debugging connection timeouts between services, and writing integration code that's often more complex than your actual business logic.

The architecture works, obviously. Companies have built massive platforms this way. But the operational overhead is enormous. Every new feature requires coordinating updates across multiple services. A simple "add to cart" action might update two databases, invalidate three cache keys, and publish an inventory event. When something breaks during peak shopping hours, you're troubleshooting whether it's a database deadlock, a cache miss, or a message queue backup.

Harper changes the game completely. Instead of orchestrating multiple separate services, everything runs in one process. Database, cache, messaging, application logic, all fused together. This approach eliminates the network overhead and coordination complexity that makes traditional e-commerce architectures so brittle.

The Real Cost of Distributed E-commerce Architecture

The hidden expense isn't just in infrastructure costs or development time. It's in the cognitive load of maintaining consistency across systems that were never designed to work together. Your inventory service needs to know about your cart service. Your product catalog needs to coordinate with your pricing engine. Your real-time stock updates need to stay synchronized with your database writes.

Engineers spend more time writing glue code between services than building actual shopping features. A notification that an item is back in stock involves updating inventory in the database, clearing cached product data, publishing events to subscribers, and hoping all these operations complete successfully. When they don't, debugging becomes an exercise in distributed systems archaeology.

Setting Up Your Product Schema

Harper uses GraphQL syntax to define your data model, but here's the cool part, it automatically generates REST endpoints from your schema. No more writing boilerplate API routes.

type Product @table @export {
  id: ID @primaryKey
  name: String @indexed
  description: String
  price: Float @indexed
  categoryId: ID @indexed
  inStock: Boolean @indexed
  stockQuantity: Int
  imageUrl: String
  createdAt: String
  category: Category @relationship(from: categoryId)
}

type Category @table @export {
  id: ID @primaryKey
  name: String @indexed
  description: String
  products: [Product] @relationship(to: categoryId)
}

type CartItem @table @export {
  id: ID @primaryKey
  productId: ID @indexed
  sessionId: String @indexed
  quantity: Int
  addedAt: String
  product: Product @relationship(from: productId)
}

The @export directive is doing the heavy lifting here. As soon as you define this schema, Harper creates REST endpoints at /Product/, /Category/, and /CartItem/. The @relationship directive sets up joins that actually work fast because everything is in the same process.

Writing API controllers for basic CRUD operations becomes unnecessary. The schema definition handles all the boilerplate.

Building Product Browsing That Actually Works

Here's how clean the product browsing becomes:

GET /Product/?categoryId=electronics&inStock=true&limit=20
GET /Product/?price=lt=100&inStock=true&sort=name
GET /Category/electronics-123

What's happening under the hood is beautiful. These requests don't just query a database. Harper is simultaneously leveraging cached data, handling relationships, and keeping everything consistent. In a traditional setup, you'd need custom code to coordinate caching strategies and join queries. Harper handles it automatically.

Shopping Cart Operations

Adding items to a cart used to mean complex session management, database transactions, and crossing your fingers that inventory stayed accurate. Harper makes it straightforward:

POST /CartItem/
Content-Type: application/json

{
  "productId": "product123",
  "sessionId": "session456", 
  "quantity": 2,
  "addedAt": "2024-08-05T10:30:00Z"
}

GET /CartItem/?sessionId=session456
DELETE /CartItem/cartitem_id_here

These might look like simple REST calls, but remember that everything is happening in the same process. No network latency between cart operations and inventory checks. Harper's query engine can validate stock levels and update cart totals in ways that separate services never could.

Real-Time Inventory Updates

Harper has WebSockets built right into the database. Subscribe to inventory changes without a separate message broker:

ws://localhost:9926/Product/product123

Subscribe to Product/${productId} and you get notified whenever stock levels change. No separate message broker to maintain, no complex routing logic.

Why This Architecture Matters

Harper's single-process architecture addresses the core challenges of e-commerce development: performance, complexity, and operational overhead. Instead of managing multiple services that need to stay synchronized, you get sub-millisecond response times from a single system that handles data, caching, and real-time updates together.

The development experience reflects this simplicity. Schema definitions automatically generate both REST and GraphQL endpoints. Real-time features work without separate message brokers. Caching happens transparently at the storage level. You spend time building shopping features instead of debugging distributed system edge cases.

For e-commerce applications where customer experience depends on fast product searches and responsive cart interactions, Harper's performance characteristics translate directly into better conversion rates. Product pages load instantly. Cart updates feel immediate. Inventory changes reflect in real-time.

The architecture scales naturally through Harper's distributed deployment, allowing global product catalogs while maintaining the performance benefits of the unified system. E-commerce platforms can serve customers worldwide without the complexity typically associated with distributed architectures.

Building e-commerce features with traditional stacks means dealing with complexity that grows with every new requirement. You start with a product database and API server. Then you need Redis for caching product data. Real-time inventory updates require a message broker. Shopping cart persistence needs session management. Each component solves a specific problem, but now you're managing data consistency across multiple systems, debugging connection timeouts between services, and writing integration code that's often more complex than your actual business logic.

The architecture works, obviously. Companies have built massive platforms this way. But the operational overhead is enormous. Every new feature requires coordinating updates across multiple services. A simple "add to cart" action might update two databases, invalidate three cache keys, and publish an inventory event. When something breaks during peak shopping hours, you're troubleshooting whether it's a database deadlock, a cache miss, or a message queue backup.

Harper changes the game completely. Instead of orchestrating multiple separate services, everything runs in one process. Database, cache, messaging, application logic, all fused together. This approach eliminates the network overhead and coordination complexity that makes traditional e-commerce architectures so brittle.

The Real Cost of Distributed E-commerce Architecture

The hidden expense isn't just in infrastructure costs or development time. It's in the cognitive load of maintaining consistency across systems that were never designed to work together. Your inventory service needs to know about your cart service. Your product catalog needs to coordinate with your pricing engine. Your real-time stock updates need to stay synchronized with your database writes.

Engineers spend more time writing glue code between services than building actual shopping features. A notification that an item is back in stock involves updating inventory in the database, clearing cached product data, publishing events to subscribers, and hoping all these operations complete successfully. When they don't, debugging becomes an exercise in distributed systems archaeology.

Setting Up Your Product Schema

Harper uses GraphQL syntax to define your data model, but here's the cool part, it automatically generates REST endpoints from your schema. No more writing boilerplate API routes.

type Product @table @export {
  id: ID @primaryKey
  name: String @indexed
  description: String
  price: Float @indexed
  categoryId: ID @indexed
  inStock: Boolean @indexed
  stockQuantity: Int
  imageUrl: String
  createdAt: String
  category: Category @relationship(from: categoryId)
}

type Category @table @export {
  id: ID @primaryKey
  name: String @indexed
  description: String
  products: [Product] @relationship(to: categoryId)
}

type CartItem @table @export {
  id: ID @primaryKey
  productId: ID @indexed
  sessionId: String @indexed
  quantity: Int
  addedAt: String
  product: Product @relationship(from: productId)
}

The @export directive is doing the heavy lifting here. As soon as you define this schema, Harper creates REST endpoints at /Product/, /Category/, and /CartItem/. The @relationship directive sets up joins that actually work fast because everything is in the same process.

Writing API controllers for basic CRUD operations becomes unnecessary. The schema definition handles all the boilerplate.

Building Product Browsing That Actually Works

Here's how clean the product browsing becomes:

GET /Product/?categoryId=electronics&inStock=true&limit=20
GET /Product/?price=lt=100&inStock=true&sort=name
GET /Category/electronics-123

What's happening under the hood is beautiful. These requests don't just query a database. Harper is simultaneously leveraging cached data, handling relationships, and keeping everything consistent. In a traditional setup, you'd need custom code to coordinate caching strategies and join queries. Harper handles it automatically.

Shopping Cart Operations

Adding items to a cart used to mean complex session management, database transactions, and crossing your fingers that inventory stayed accurate. Harper makes it straightforward:

POST /CartItem/
Content-Type: application/json

{
  "productId": "product123",
  "sessionId": "session456", 
  "quantity": 2,
  "addedAt": "2024-08-05T10:30:00Z"
}

GET /CartItem/?sessionId=session456
DELETE /CartItem/cartitem_id_here

These might look like simple REST calls, but remember that everything is happening in the same process. No network latency between cart operations and inventory checks. Harper's query engine can validate stock levels and update cart totals in ways that separate services never could.

Real-Time Inventory Updates

Harper has WebSockets built right into the database. Subscribe to inventory changes without a separate message broker:

ws://localhost:9926/Product/product123

Subscribe to Product/${productId} and you get notified whenever stock levels change. No separate message broker to maintain, no complex routing logic.

Why This Architecture Matters

Harper's single-process architecture addresses the core challenges of e-commerce development: performance, complexity, and operational overhead. Instead of managing multiple services that need to stay synchronized, you get sub-millisecond response times from a single system that handles data, caching, and real-time updates together.

The development experience reflects this simplicity. Schema definitions automatically generate both REST and GraphQL endpoints. Real-time features work without separate message brokers. Caching happens transparently at the storage level. You spend time building shopping features instead of debugging distributed system edge cases.

For e-commerce applications where customer experience depends on fast product searches and responsive cart interactions, Harper's performance characteristics translate directly into better conversion rates. Product pages load instantly. Cart updates feel immediate. Inventory changes reflect in real-time.

The architecture scales naturally through Harper's distributed deployment, allowing global product catalogs while maintaining the performance benefits of the unified system. E-commerce platforms can serve customers worldwide without the complexity typically associated with distributed architectures.

Simplify e-commerce development with Harper’s unified architecture. Database, cache, and real-time updates all run in one high-performance system.

Download

White arrow pointing right
Simplify e-commerce development with Harper’s unified architecture. Database, cache, and real-time updates all run in one high-performance system.

Download

White arrow pointing right
Simplify e-commerce development with Harper’s unified architecture. Database, cache, and real-time updates all run in one high-performance system.

Download

White arrow pointing right

Explore Recent Resources

Tutorial
GitHub Logo

Real-Time Pub/Sub Without the Stack

Explore a real-time pub/sub architecture where MQTT, WebSockets, Server-Sent Events, and REST work together with persistent data storage in one end-to-end system, enabling real-time interoperability, stateful messaging, and simplified service-to-device and browser communication.
Harper Learn
Tutorial
Explore a real-time pub/sub architecture where MQTT, WebSockets, Server-Sent Events, and REST work together with persistent data storage in one end-to-end system, enabling real-time interoperability, stateful messaging, and simplified service-to-device and browser communication.
A man with short dark hair, glasses, and a goatee smiles slightly, wearing a black shirt in front of a nature background.
Ivan R. Judson, Ph.D.
Distinguished Solution Architect
Tutorial

Real-Time Pub/Sub Without the Stack

Explore a real-time pub/sub architecture where MQTT, WebSockets, Server-Sent Events, and REST work together with persistent data storage in one end-to-end system, enabling real-time interoperability, stateful messaging, and simplified service-to-device and browser communication.
Ivan R. Judson, Ph.D.
Jan 2026
Tutorial

Real-Time Pub/Sub Without the Stack

Explore a real-time pub/sub architecture where MQTT, WebSockets, Server-Sent Events, and REST work together with persistent data storage in one end-to-end system, enabling real-time interoperability, stateful messaging, and simplified service-to-device and browser communication.
Ivan R. Judson, Ph.D.
Tutorial

Real-Time Pub/Sub Without the Stack

Explore a real-time pub/sub architecture where MQTT, WebSockets, Server-Sent Events, and REST work together with persistent data storage in one end-to-end system, enabling real-time interoperability, stateful messaging, and simplified service-to-device and browser communication.
Ivan R. Judson, Ph.D.
News
GitHub Logo

Harper Recognized on Built In’s 2026 Best Places to Work in Colorado Lists

Harper is honored as a Built In 2026 Best Startup to Work For and Best Place to Work in Colorado, recognizing its people-first culture, strong employee experience, and values of accountability, authenticity, empowerment, focus, and transparency that help teams thrive and grow together.
Announcement
News
Harper is honored as a Built In 2026 Best Startup to Work For and Best Place to Work in Colorado, recognizing its people-first culture, strong employee experience, and values of accountability, authenticity, empowerment, focus, and transparency that help teams thrive and grow together.
Colorful geometric illustration of a dog's head resembling folded paper art in shades of teal and pink.
Harper
News

Harper Recognized on Built In’s 2026 Best Places to Work in Colorado Lists

Harper is honored as a Built In 2026 Best Startup to Work For and Best Place to Work in Colorado, recognizing its people-first culture, strong employee experience, and values of accountability, authenticity, empowerment, focus, and transparency that help teams thrive and grow together.
Harper
Jan 2026
News

Harper Recognized on Built In’s 2026 Best Places to Work in Colorado Lists

Harper is honored as a Built In 2026 Best Startup to Work For and Best Place to Work in Colorado, recognizing its people-first culture, strong employee experience, and values of accountability, authenticity, empowerment, focus, and transparency that help teams thrive and grow together.
Harper
News

Harper Recognized on Built In’s 2026 Best Places to Work in Colorado Lists

Harper is honored as a Built In 2026 Best Startup to Work For and Best Place to Work in Colorado, recognizing its people-first culture, strong employee experience, and values of accountability, authenticity, empowerment, focus, and transparency that help teams thrive and grow together.
Harper
Comparison
GitHub Logo

Harper vs. Standard Microservices: Performance Comparison Benchmark

A detailed performance benchmark comparing a traditional microservices architecture with Harper’s unified runtime. Using a real, fully functional e-commerce application, this report examines latency, scalability, and architectural overhead across homepage, category, and product pages, highlighting the real-world performance implications between two different styles of distributed systems.
Comparison
A detailed performance benchmark comparing a traditional microservices architecture with Harper’s unified runtime. Using a real, fully functional e-commerce application, this report examines latency, scalability, and architectural overhead across homepage, category, and product pages, highlighting the real-world performance implications between two different styles of distributed systems.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM & Marketing
Comparison

Harper vs. Standard Microservices: Performance Comparison Benchmark

A detailed performance benchmark comparing a traditional microservices architecture with Harper’s unified runtime. Using a real, fully functional e-commerce application, this report examines latency, scalability, and architectural overhead across homepage, category, and product pages, highlighting the real-world performance implications between two different styles of distributed systems.
Aleks Haugom
Dec 2025
Comparison

Harper vs. Standard Microservices: Performance Comparison Benchmark

A detailed performance benchmark comparing a traditional microservices architecture with Harper’s unified runtime. Using a real, fully functional e-commerce application, this report examines latency, scalability, and architectural overhead across homepage, category, and product pages, highlighting the real-world performance implications between two different styles of distributed systems.
Aleks Haugom
Comparison

Harper vs. Standard Microservices: Performance Comparison Benchmark

A detailed performance benchmark comparing a traditional microservices architecture with Harper’s unified runtime. Using a real, fully functional e-commerce application, this report examines latency, scalability, and architectural overhead across homepage, category, and product pages, highlighting the real-world performance implications between two different styles of distributed systems.
Aleks Haugom
Tutorial
GitHub Logo

A Simpler Real-Time Messaging Architecture with MQTT, WebSockets, and SSE

Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
Harper Learn
Tutorial
Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
A man with short dark hair, glasses, and a goatee smiles slightly, wearing a black shirt in front of a nature background.
Ivan R. Judson, Ph.D.
Distinguished Solution Architect
Tutorial

A Simpler Real-Time Messaging Architecture with MQTT, WebSockets, and SSE

Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
Ivan R. Judson, Ph.D.
Dec 2025
Tutorial

A Simpler Real-Time Messaging Architecture with MQTT, WebSockets, and SSE

Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
Ivan R. Judson, Ph.D.
Tutorial

A Simpler Real-Time Messaging Architecture with MQTT, WebSockets, and SSE

Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
Ivan R. Judson, Ph.D.
Podcast
GitHub Logo

Turn Browsing into Buying with Edge AI

Discover how Harper’s latest features streamline development, boost performance, and simplify integration. This technical showcase breaks down real-world workflows, powerful updates, and practical tips for building faster, smarter applications.
Select*
Podcast
Discover how Harper’s latest features streamline development, boost performance, and simplify integration. This technical showcase breaks down real-world workflows, powerful updates, and practical tips for building faster, smarter applications.
Person with short hair wearing a light blue patterned shirt, smiling widely outdoors with blurred greenery and trees in the background.
Austin Akers
Head of Developer Relations
Podcast

Turn Browsing into Buying with Edge AI

Discover how Harper’s latest features streamline development, boost performance, and simplify integration. This technical showcase breaks down real-world workflows, powerful updates, and practical tips for building faster, smarter applications.
Austin Akers
Dec 2025
Podcast

Turn Browsing into Buying with Edge AI

Discover how Harper’s latest features streamline development, boost performance, and simplify integration. This technical showcase breaks down real-world workflows, powerful updates, and practical tips for building faster, smarter applications.
Austin Akers
Podcast

Turn Browsing into Buying with Edge AI

Discover how Harper’s latest features streamline development, boost performance, and simplify integration. This technical showcase breaks down real-world workflows, powerful updates, and practical tips for building faster, smarter applications.
Austin Akers