Getting Started Components Examples BackendNew

Getting Started

Why We Built This Getting Started Follow Updates

Installation

Installation Next.js Setup Tailwind CSS Setup CLI Add Utilities Quick Reference

Integration

Components Overview

List of Components

Layout Components

Restaurant Header Restaurant Hero

Menu Components

Menu Overview Menu Item Card Menu Search Featured Items Carousel Nutritional Info Modal

Cart & Checkout Components

Cart Overview Cart Component Cart Sidebar Checkout Overview Checkout Page Checkout Form Order Summary Upsell Suggestions

Form Components

Modifier Selector Quantity Selector Date Picker Time Slot Picker Address Picker Order Type Toggle Payment Method Selector Promo Code Input

Modal Components

Fulfillment Schedule Item Detail Payment Method Modal Phone Sign-in

Review Components

Reviews Section Review Card

Examples

Complete Restaurant

Marketing

Template Gallery Brand Customization

Sales Channel

Leclerc Bakery Xichuan Noodles

Configuration

Environment Setup API Configuration

Guides

Best Practices Theming Accessibility Styling Common Props

Help

Troubleshooting

Docs

Crave APIs

Crave APIs

Documentation for integrating with Crave's backend APIs and understanding the full-stack restaurant ordering ecosystem

Loading content...

On This Page

Philosophy & Architecture

🏗️ Multi-App Architecture 🎯 Design Philosophy

API Architecture

1. Admin API - Restaurant Management 2. Storefront API - Customer-Facing Operations

Admin API Authentication Storefront API Authentication

Organization Structure Menu Structure

Admin Endpoints Storefront Endpoints

Environment Variables

Integration with UI Components

How APIs Power UI Components CLI Integration Workflow TypeScript Integration

Real-World Integration Examples

Complete Ordering Flow Multi-Tenant Setup

Development Workflow

Local Development Production Deployment

Development API Key API Testing

Built by Crave Up with 5+ years of F&B experience

•

•

© 2025 CraveJS. All rights reserved.