Crafty

About Crafty

A modern headless e-commerce platform built with Next.js and powered by Mercury's headless backend API.

Key Features

Modern Design

Beautiful, responsive UI built with Tailwind CSS for a seamless shopping experience across all devices.

Lightning Fast

Server-side rendering and optimized performance for instant page loads and smooth interactions.

Real-time Cart

Dynamic shopping cart with live updates and persistent session management across browsing.

Type Safe

Built with TypeScript to catch errors early and provide excellent developer experience.

Product Variants

Support for product variations with dynamic pricing and stock management.

Headless API

Seamless integration with Mercury's RESTful API for complete backend flexibility.

Technology Stack

Frontend

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4

Backend

  • Mercury Headless API
  • RESTful Architecture
  • API Key Authentication
  • Session Management

Demo Storefront

This is a demonstration storefront showcasing the integration with Mercury's headless backend API. To use the live API, configure your API key in the environment variables. The platform supports full e-commerce functionality including product management, cart operations, checkout flow, and order tracking.

About - Headless Storefront Demo