Version: 0.1.0
A modern Statamic starter kit designed specifically for restaurants, cafes, and food businesses. Built with Tailwind CSS v4 and Alpine.js.
Features
- Menu Management: Easily manage your restaurant menu items with categories, prices, and descriptions
- Page Builder: Flexible page builder with pre-designed components including hero sections, featured menu items, and text blocks
- Price Formatting: Built-in price formatting helpers for consistent menu pricing display with support for 60+ global currencies
- Color Customization: Set your brand colors directly from the control panel with carefully selected color presets
- Comprehensive SEO: Page-specific and global SEO settings including meta tags, Open Graph, and local business schema markup
- Reservation System Integration: Connect to external reservation systems like OpenTable or link to internal booking pages
- Third-party Scripts: Easy integration of analytics, tracking, and other scripts through the control panel
Requirements
- PHP 8.1+
- Composer
- Node.js 18+ and npm
- Laravel 10+
- Statamic 5+
Installation
Install this starter kit via the Statamic CLI:
statamic new my-restaurant sanderjn/gustamic
During installation, you'll be prompted whether to include sample content. Choose "Yes" if you want example menu items and pages to help you get started.
Manual Installation
If you prefer to install manually:
# Create a new Statamic sitestatamic new my-restaurant # Install the starter kitphp please starter-kit:install sanderjn/gustamic
Post-Installation Setup
After installation, complete the setup:
# Install PHP dependenciescomposer install # Install Node dependenciesnpm install # Build frontend assetsnpm run build # Or start the development servernpm run dev
Project Structure
├── app/│ ├── Helpers/ # Price formatting utilities│ └── Modifiers/ # Custom Statamic modifiers├── content/│ ├── collections/│ │ ├── menu_items/ # Restaurant menu items│ │ └── pages/ # Static pages│ ├── globals/ # Global settings│ ├── navigation/ # Navigation menus│ └── taxonomies/ # Menu categories├── resources/│ ├── blueprints/ # Content blueprints│ ├── css/ # Tailwind CSS styles│ ├── js/ # Alpine.js and JavaScript│ └── views/ # Antlers templates└── public/assets/ # Public assets
Key Features
Menu Management
The starter kit includes a complete menu management system:
- Menu Items Collection: Create and manage individual menu items
- Menu Categories: Organize items by category (appetizers, mains, desserts, etc.)
- Price Display: Automatic price formatting with currency support
- Featured Items: Highlight special dishes on your homepage
Page Builder Components
Build custom pages with included components:
- Hero Section: Eye-catching hero banners with text overlays
- Featured Menu: Display selected menu items prominently
- Text Blocks: Flexible content sections with rich text support
Customization
Color Theming
Easily customize your restaurant's visual identity through the Control Panel:
- Brand Color: Set your primary accent color for buttons and highlights
- Background Color: Select your site's background tone
Navigate to Globals → Restaurant Details in the Control Panel to customize your colors.
Styling
The starter kit uses Tailwind CSS v4. Customize your design in:
resources/css/site.css
- Main stylesheet
Templates
All templates use Antlers and are located in resources/views/
:
layout.antlers.html
- Main layout wrapperdefault.antlers.html
- Default page templatepartials/
- Reusable template componentspage_builder/
- Page builder section templates
Development
Available Commands
# Start development server with hot reloadnpm run dev # Build for productionnpm run build # Watch files for changesnpm run watch
Adding Menu Items
- Navigate to the Control Panel
- Go to Collections → Menu Items
- Click "Create Menu Item"
- Fill in the details (name, description, price, category)
- Save and publish
Creating Pages
- In the Control Panel, go to Collections → Pages
- Create a new page
- Use the Page Builder field to add sections
- Choose from hero, menu featured, or text components
- Customize content and publish
Dependencies
PHP Dependencies
moneyphp/money
: Currency and price handling
JavaScript Dependencies
- Alpine.js: Reactive components
- Tailwind CSS v4: Utility-first CSS
- Vite: Build tool and dev server
- Fitty: Dynamic text fitting
Support
For issues, questions, or contributions, please visit the GitHub repository.
License
This starter kit is open-source software. Please check the repository for license details.
Credits
Created by Sander Janssen for the Statamic community. Perfect for restaurants, cafes, bistros, and any food-related business looking for a professional web presence.