Shandy Scripts | Tebex Headless Webstore v1.0

Shandy Scripts — Your FiveM Store, Built Right
Stop losing sales to a clunky default Tebex page. Shandy Scripts is a complete, self-hosted webstore front-end built specifically for FiveM script sellers — a fast, modern, fully responsive storefront that connects directly to your existing Tebex store through the official Headless API. Point it at your Tebex account, drop in your branding, and you have a professional store live in minutes.
This is the full source code — not a hosted service, not a locked-down builder. You own it, you host it, you can modify anything.




Key Features

• Live Tebex integration — categories, products, prices, discounts, and stock all pull directly from your Tebex Creator Panel through the Headless API. Update a product in Tebex and it's live on your site instantly, no redeploy needed.
• Embedded checkout — uses Tebex.js for a seamless in-page checkout popup with a branded "Order Complete" screen, and automatically falls back to Tebex's hosted checkout if the script fails to load, so purchases never break.
• FiveM / Keymaster login — customers sign in with their FiveM account through Tebex's own auth flow; purchases are tied to their CFX.re account automatically.
• Persistent cart — quantity controls, add/remove, a slide-out cart drawer, and cart state that survives page refreshes.
• Rich product pages — image gallery with lightbox, auto-detected YouTube preview embeds, auto-detected documentation links, tabbed description/details, and a "you may also like" related-products section.
• Search & filtering — instant client-side search plus category filtering, with clean empty/error/loading states throughout.
• SEO-ready — Open Graph tags, Twitter Card, JSON-LD Store structured data, sitemap.xml, and robots.txt are already wired up. Just drop in your domain.
• Legal pages included — Tebex's own Impressum and full Terms & Conditions are built in, since Tebex is the merchant of record for your sales.
• Secure by default — all Tebex-supplied HTML (product descriptions) is sanitized with DOMPurify before rendering, external links are forced to open safely, and a strict Content-Security-Policy is preconfigured.
• Polished dark UI — a modern "cyber" aesthetic (Orbitron + Inter), subtle animated backgrounds, and scroll-reveal effects. Fully responsive on mobile, tablet, and desktop.
• One place to configure branding — Discord invite and support email are set in a single config object; your Tebex token goes in one .env line. No hunting through the codebase.
• Built-in FAQ & contact — an FAQ accordion and a working contact form (mailto-based) are ready to go and easy to edit.

Tech Stack
React 18 · TypeScript · Vite · Tailwind CSS · Radix UI primitives · Lucide icons · Tebex Headless API · Tebex.js
Clean, typed, componentized code with no unused dependencies — easy to read, easy to extend.


What's Included

• Full source code (React + TypeScript + Vite project)
• Tebex Headless API integration (products, categories, baskets, coupons, auth)
• Embedded Tebex.js checkout with hosted-checkout fallback
• Responsive UI for storefront, product pages, cart, login, FAQ, contact, legal modals
• SEO meta tags, sitemap, robots.txt
• A step-by-step setup & configuration guide (CONFIGURATION.md)

Requirements

• A Tebex creator account with the Headless API enabled (free to enable)
• Node.js 18+ to build the project
• Any static host (Netlify, Vercel, Cloudflare Pages, your own server, etc.)

Setup
Setup takes minutes: install dependencies, paste your Tebex Headless API token into a .env file, swap in your logo/Discord/support email, and deploy. A full walkthrough is included in CONFIGURATION.md.