The Chobble Template

⚠️ Don't forget to change the Formspark and Botpoison info in _data/config.json or in your repository's action secrets ⚠️

See this template in action at:

• example.chobble.com
• tradesperson-example.chobble.com
• southportorganics.co.uk
• house-of-desserts.co.uk
• ukegroupnorth.com
• myalarmsecurity.co.uk
• c-results.uk

Want me to make you a website based on this template? Hit me up at chobble.com.

💖 Want to support the development of this template? 💖 Donate at liberapay.com/chobble

An Eleventy starter for business websites. The GitHub action deploys to both Neocities and Bunny.net - you'll need to edit that for your setup.

Content Types

• Products - galleries, options with SKUs, FAQs, specifications, features lists, linked reviews with ratings
• Categories - product groupings with inherited thumbnails
• Events - one-off and recurring schedules, iCal feed generation
• News - blog posts with Atom feed
• Menus - categories, items, pricing, dietary indicators (vegan, gluten-free, etc.)
• Locations - multi-site support with sub-locations
• Properties - for holiday lets, linked to locations
• Reviews - linked to products, aggregate ratings
• Team - member profiles
• Snippets - reusable content blocks

Shopping Cart & Payments

• LocalStorage-based cart with quantity limits
• Stripe Checkout and PayPal integration
• Quote/enquiry mode (submit cart as request instead of payment)
• Optional Express.js backend in ecommerce-backend/ with Docker support
• Auto-generated SKUs via GitHub Action

Theming

• 10 pre-built themes: Default, Neon, 90s Computer, Floral, Hacker, Monochrome, Ocean, Old Mac, Rainbow, Sunset
• Per-page theme overrides
• Visual theme editor at /theme-editor/ with export
• CSS custom properties for colours, fonts, borders, layout
• SCSS support
• Bunny Fonts integration

Images

• Responsive images with srcset via eleventy-img
• Base64 LQIP placeholders
• Gallery component with thumbnail navigation and full-size overlay
• Custom aspect ratio cropping

Forms

• Formspark for delivery
• Botpoison spam protection
• JSON-configured fields

SEO & Structured Data

• Schema.org markup for products (with reviews/ratings), events, FAQs, organisation
• Canonical URLs
• Sitemap
• Atom feed with XSL stylesheet
• Meta descriptions, noindex support

Navigation & Layout

• Horizontal or left sidebar navigation
• Sticky mobile nav option
• Two-column layout with sidebar
• Slider component for horizontal scrolling
• Scroll-fade animations (respects prefers-reduced-motion)

Development

• Nix flakes with direnv support
• bin/lint - format with Biome
• bin/screenshot - automated screenshots
• Biome linting
• jscpd duplicate detection
• Knip unused code detection
• 17+ test files with custom runner
• Turbo for instant page navigation

Deployment

• GitHub Actions workflow for Neocities and Bunny.net
• Forgejo Actions support
• PagesCMS integration for no-code editing
• Docker support for ecommerce backend

Configuration

• _data/config.json - Formspark, Botpoison, Stripe, PayPal, map embed, nav options
• _data/site.json - name, URL, description, social links (14 platforms), opening hours
• _data/meta.json - language, organisation details for schema.org
• _data/strings.json - customisable labels and permalink directories

Want a website based on this template? Clone this repo, or hit me up at Chobble.com.