Skip to main content
CraveSign in

Build restaurant products without rebuilding restaurant commerce.

Start from a restaurant design or a code template. Menus, modifiers, carts, checkout and orders come from Crave’s APIs and SDKs. The storefront is yours.

Start from code.

The Next.js and Expo templates already use Crave’s storefront SDK. Try the Maple & Main item screen: choose a topping, change the quantity and add it to the bag. The panel shows the call the template makes at each step.

The calls are the ones the template makes once it is connected to a Crave sandbox. The included demo only browses the menu, so nothing here places an order.

Maple & Main demo

Double Smash Burger with crinkle-cut fries

Double Smash Burger

$14.00

Two smashed beef patties, American cheese, pickles, shredded lettuce and house sauce on a toasted potato bun. Served with crinkle-cut fries.

Make it yours Required
Quantity
1

Bag is empty

storefront-sdkexample · sample data
  1. menus.list(locationId, { menuOnly: true })
    200 · House favorites, 2 items
  2. products.get(locationId, "double-smash")
    200 · Double Smash Burger · $14.00

4 of 4 pieces in place

What Crave handles in the app.

Scroll to see the Maple & Main app come together. The menu, item choices, bag and checkout each come from a Crave API the template already calls.

  1. Menumenus.list
  2. Choicesproducts.get
  3. Bagcart.addItem
  4. Checkouthosted checkout

Menus choices, bags checkout and orders come from Crave. The storefront is yours.

You own the app: its code, design, and deployment.

Crave provides the commerce APIs and SDKs. The templates show how those pieces work together.

Local examples use sample data. Connect a Crave sandbox when you’re ready to test the backend. Connect your restaurant before taking real orders.

Explore Morning Fold, our Figma design kit

Clone a template

Both run on your machine with sample data and no API keys. Connect a Crave sandbox when you want to test the backend.

Crave.js Next.js Storefront

Next.js 16, React 19, Crave Storefront SDK, Tailwind v4

LECLERC BAKERY
Leclerc Bakery desktop storefront with fresh pastry photography and a sample bakery menu
One storefront, every screen. Captured from the public template’s bakery design preview.

Meet Leclerc Bakery: warm editorial design, fresh pastry photography, and a storefront that adapts from desktop to mobile web. Built on the shared Crave.js commerce core.

The bakery preview shows the design. Clone this branch and follow its repository setup instructions to explore the sample ordering routes separately. No Crave account required. The public CLI generator has not shipped.

  • Six theme systems and four concept presets
  • Local sample data; no API keys required
  • Hosted and standalone deployment profiles
  • Server-authoritative cart and checkout handoff
Open GitHubRead the guide

Crave.js Expo Storefront

Expo SDK 57, React Native, Crave Storefront SDK, expo-router

Maple & Main app menu with smash burger and crispy chicken photos and prices

View menu screenshot ↗

Maple & Main Double Smash Burger screen with smoked bacon customization

View item screenshot ↗

Maple & Main · Included restaurant demo, captured from the running Expo app. Tap a screen to view full size. Native appearance may vary.

Meet Maple & Main: an American neighborhood grill, running on the Expo storefront. Browse smash burgers and crispy chicken, explore the menu, and make an order your own.

Clone the same app shown here. Run npm ci, then npm run demo -- --web to explore the included restaurant without API keys. Maple & Main is a fictional demo; live ordering requires your restaurant configuration.

  • American restaurant demo included
  • Food photography, menu browsing, and modifiers
  • Environment-scoped secure sessions
  • Exact-origin hosted checkout handoff
Open GitHubRead the guide