Skip to content
codexa

Ecommerce · React

Outdoor gear store

Camping and trekking gear store with tents, sleeping bags and packs, gear rental, India-wide shipping and FAQs.

Use this templateRemix
Outdoor gear store starter, as built from its own files
Starter screenshot captured from this template's own build at 1440×900. It shows the template as it ships, not output generated from a prompt.

What you get

A storefront for an outdoor and camping gear shop: a split hero with a sample kit list, tents, sleep systems, packs and camp kitchen gear with a cart, a gear rental service, shipping and returns, trekker quotes, an FAQ and a newsletter. All content lives in src/site.ts.

Files

Exactly what is copied into a new project: 13 files, nothing generated.

Raw data: GET /api/v1/templates/shop-outdoor-gear

Explorer 13

src/site.ts
src/site.ts
import type { Site } from "./types"; /** Everything this site shows. Edit freely. */export const site: Site = {  "brand": "Northfold Outfitters",  "nav": [    {      "label": "Gear",      "href": "#gear"    },    {      "label": "Rentals",      "href": "#rentals"    },    {      "label": "Shipping",      "href": "#shipping"    },    {      "label": "FAQ",      "href": "#faq"    }  ],  "navCta": {    "label": "Shop gear",    "href": "#gear"  },  "sections": [    {      "kind": "hero",      "variant": "split",      "eyebrow": "Trekking and camping gear · Manali and online",      "title": "Gear tested above 4,000 metres, priced for weekend trips.",      "text": "Tents, sleeping bags and packs we use on Himalayan treks every season. Buy it, or rent it for your first trip and decide later.",      "primary": {        "label": "Shop gear",        "href": "#gear"      },      "secondary": {        "label": "Rent a kit",        "href": "#rentals"      },      "visual": {        "type": "mock",        "title": "Kit list · Hampta Pass, 5 days",        "rows": [          {            "label": "Tarn 2 tent",            "value": "₹14,500",            "tone": "#2f5d50"          },          {            "label": "Down bag, −5°C",            "value": "₹12,900",            "tone": "#b45309"          },          {            "label": "Trek 55L pack",            "value": "₹8,900",            "tone": "#4d7c0f"          },          {            "label": "Or rent all three",            "value": "₹2,400",            "tone": "#047857"          }        ],        "footer": "Rental price for 5 days, deposit refunded on return"      }    },    {      "kind": "products",      "id": "gear",      "eyebrow": "Shop",      "title": "Gear for the hills",      "text": "Weights are for the full packed item. Ask us how any of it held up on a specific trek.",      "currency": "₹",      "items": [        {          "name": "Tarn 2 Tent",          "price": 14500,          "category": "Tents & shelter",          "tone": "#2f5d50",          "text": "2-person, 2.1 kg, double wall.",          "badge": "Bestseller"        },        {          "name": "Ridge 3 Tent",          "price": 21900,          "category": "Tents & shelter",          "tone": "#3f6212",          "text": "3-person, four-season, snow skirts."        },        {          "name": "Ultralight Tarp",          "price": 4800,          "category": "Tents & shelter",          "tone": "#57534e",          "text": "3 x 3 m, 480 g, eight tie-outs."        },        {          "name": "Down Sleeping Bag, −5°C",          "price": 12900,          "category": "Sleep",          "tone": "#9a3412",          "text": "Comfort to −5°C, 1.1 kg.",          "badge": "Bestseller"        },        {          "name": "Insulated Sleeping Pad",          "price": 6400,          "category": "Sleep",          "tone": "#854d0e",          "text": "R-value 4.2, packs to a water bottle.",          "badge": "New"        },        {          "name": "Trek 55L Pack",          "price": 8900,          "category": "Packs",          "tone": "#365314",          "text": "Adjustable back, rain cover included."        },        {          "name": "Daypack 24L",          "price": 3200,          "category": "Packs",          "tone": "#44403c",          "text": "Hip belt, hydration sleeve."        },        {          "name": "Stove & Pot Set",          "price": 3900,          "category": "Camp kitchen",          "tone": "#78350f",          "text": "Canister stove with a 1 L pot.",          "badge": "Low stock"        },        {          "name": "Titanium Mug",          "price": 1600,          "category": "Camp kitchen",          "tone": "#78716c",          "text": "450 ml, folding handles, 70 g."        },        {          "name": "Squeeze Water Filter",          "price": 2700,          "category": "Camp kitchen",          "tone": "#1f4d4a",          "text": "Filters stream water, 1 L pouch.",          "badge": "New"        }      ]    },    {      "kind": "split",      "id": "rentals",      "eyebrow": "Rentals",      "title": "Rent before you buy",      "text": "Not sure you'll trek again? Rent the same tents, bags and packs we sell. If you buy within a month, we take the rental cost off the price.",      "bullets": [        "From ₹350 a day for a tent",        "Pick up in Manali or delivered to Delhi and Bengaluru",        "Cleaned and checked after every trip"      ],      "visual": {        "type": "card",        "tone": "#2f5d50",        "title": "Weekend rental kit",        "lines": [          "Tent, sleeping bag and pad",          "₹1,500 for 2 nights",          "Refundable deposit ₹5,000"        ]      },      "reverse": true    },    {      "kind": "features",      "id": "shipping",      "eyebrow": "Shipping & returns",      "title": "Delivered across India",      "columns": 4,      "items": [        {          "title": "Free over ₹4,999",          "text": "₹149 below that. Metro cities in 2 to 4 days, hill towns in 5 to 8.",          "icon": "truck"        },        {          "title": "30-day returns",          "text": "Unused gear with tags comes back free within 30 days of delivery.",          "icon": "box"        },        {          "title": "2-year warranty",          "text": "Seams, zips and poles that fail in normal use are repaired or replaced.",          "icon": "shield"        },        {          "title": "Repairs in Manali",          "text": "Torn fly or broken pole mid-season? Our workshop fixes most gear in a day.",          "icon": "wrench"        }      ]    },    {      "kind": "quotes",      "eyebrow": "Trekkers",      "title": "Back from the trail",      "items": [        {          "quote": "Rented the Tarn 2 for Hampta, loved it, bought it the week after with the rental knocked off.",          "name": "Siddharth K.",          "role": "First Himalayan trek"        },        {          "quote": "The −5°C bag kept me warm at Chandratal when the tent had frost inside.",          "name": "Ishita P.",          "role": "Spiti, October"        },        {          "quote": "Snapped a pole on day two. Their Manali workshop had it splinted and back to me by evening.",          "name": "Kabir D.",          "role": "Repair service"        }      ]    },    {      "kind": "faq",      "id": "faq",      "eyebrow": "FAQ",      "title": "Before you buy",      "items": [        {          "q": "Which sleeping bag do I need?",          "a": "For most summer treks below 4,000 m, our −5°C bag is enough. For autumn or higher camps, ask us and we'll suggest a liner or warmer bag."        },        {          "q": "Can I try a pack before buying?",          "a": "Yes. In Manali we fit it with weight inside. Online, return it unused within 30 days if it doesn't fit."        },        {          "q": "How does the rental deposit work?",          "a": "We hold a refundable deposit and return it within 2 days of getting the gear back in good condition."        },        {          "q": "Do you ship gas canisters?",          "a": "No, couriers won't carry them. Canisters are available at our Manali shop and most trailhead towns."        }      ]    },    {      "kind": "cta",      "title": "Trail conditions and gear restocks",      "text": "A monthly email with pass openings, what we're packing and when popular tents and bags are back in stock.",      "primary": {        "label": "Subscribe",        "href": "#contact"      },      "secondary": {        "label": "Shop gear",        "href": "#gear"      }    },    {      "kind": "contact",      "eyebrow": "Newsletter & rentals",      "title": "Sign up or plan a rental",      "text": "Join the monthly email, or tell us your trek and dates and we'll put a rental kit together.",      "fields": [        "name",        "email",        "date",        "message"      ],      "button": "Send"    }  ],  "footer": {    "text": "Trekking and camping gear from Manali, shipped across India.",    "columns": [      {        "title": "Shop",        "links": [          "Tents & shelter",          "Sleep",          "Packs",          "Camp kitchen"        ]      },      {        "title": "Services",        "links": [          "Rentals",          "Repairs",          "Shipping & returns"        ]      },      {        "title": "Visit",        "links": [          "Old Manali Road, Manali",          "Open daily, 9:00–20:00"        ]      }    ],    "legal": "© Northfold Outfitters. Sample content: replace it in src/site.ts."  }};

Remix

Remix this template

Describe what to change and the agent starts from Outdoor gear store's files. The box is already started for you: finish “Start from Outdoor gear store and …”

Agent ready

Creates a free account first; your idea is carried over.

Dependencies

Documented from the template's package.json. The runtime has a prebuilt dependency set for Vite + React + TypeScript, so installs are fast.

  • react^19.1.0
  • react-dom^19.1.0
  • vite^6.3.0
  • @vitejs/plugin-react^4.4.0
  • tailwindcss^4.1.0
  • @tailwindcss/vite^4.1.0
  • typescript^5.8.0

How it runs

Framework
Vite + React + TypeScript
Dev command
npm run dev
Build command
npm run build
Output directory
dist
Port
5173
Entry route
/

Projects run in an isolated sandbox with a live preview. Read the projects documentation for settings, snapshots and deployment.

Keep browsing

All templates

Build on Outdoor gear store

Create a free account, start from this template, and ask the AI agent to turn it into your app.

Use this templateAll templates