Waida Studio
Camp - Astro 7 Theme for Outdoor Gear Shops and Adventure Brands
A shop, a trip programme and a journal in one, with not one byte of framework JavaScript. Camp is a complete outdoor gear and camping trips ecommerce theme built on Astro 7. Every page pre-renders to static HTML, so it loads instantly and deploys anywhere — and it ships zero framework JavaScript, just one small vanilla script.
Live demo: https://camp-astro.vercel.app
WHAT'S INSIDE
20 page templates — 41 static pages per build: home, about, shop, shop category, product detail, events, event detail, blog, blog post, gallery, contact, FAQ, checkout, PayPal checkout, order confirmation, style guide, license, changelog, password (401) and 404
Products — 9 products as Markdown, each with a banner shot, a rating line, colour and size variants, a four-tab panel of copy, four customer reviews and a working add-to-cart form
Trips — 9 guided trips as Markdown, each with a banner, a two-photograph itinerary, and a price/date/end/location panel beside the story
Journal — 6 articles as Markdown, each with a byline, a reading time, three photographs, two closing notes and a related pair underneath
Commerce pages — a cart drawer in the navigation bar, checkout, PayPal checkout and order confirmation, with quantity editing, line totals, subtotals and an empty-basket gate (localStorage-based; wire up Stripe or Lemon Squeezy when you're ready to sell)
Motion that earns its keep — 585 scroll reveals at the design's own offsets and delays, 150 image zoom-outs, 154 curtain wipes, five carousels, three scroll-linked sections, seven pointer-tracking hovers, two split-text paragraphs that light up character by character, a tab set and two accordions — all in one vanilla script, all respecting prefers-reduced-motion
Edit content, not code — add a Markdown file and its route, its listing card, its category grid and the related row under it all follow
Design-token system — the whole palette and type scale are 50 CSS custom properties in one :root block; change them there and every page follows
Self-hosted fonts — Anton and Geist as woff2, no CDN requests
Responsive imagery — 224 srcset attributes across the build, so every picture ships at the size the slot actually needs
TypeScript throughout, zod-validated content schema
TECH STACK
Astro 7 · Markdown content collections · TypeScript · the template's own CSS — no utility framework, no build-time CSS pipeline
REQUIREMENTS
Node 22.12 or newer. npm ships with it. Nothing else to install.
LICENSE
One end product per license. You may modify the source freely; you may not resell, sublicense or redistribute it, in whole or in substantial part.
SUPPORT