NBZ Nathan Bonavia Zammit
07 / 10 Next: LTD Safe Robbery

07 · Economy · Premium coin shop

Skyland Shop

The server's premium shop. Players buy coins through Tebex, then spend them in game on vehicles, weapons, packs and loot boxes. The original paid resource was broken beyond repair, so I rebuilt it: same design and feature set, new Lua backend on one self-seeding SQL migration, React UI kept and extended.

Role
Lua backend, React UI
Server
Skyland
Framework
ESX
Stack
Lua, React + Vite + Tailwind, ox_inventory, oxmysql / MariaDB, Tebex
Status
Live on Skyland
The shop's daily tab with a grey Sultan featured at 450 coins, a reset countdown in the corner and a row of cars and weapons priced in coins below
The loot box carousel with the featured case previewing its rarest drops
A legendary drop from the case roulette
The weapons tab with a pistol and three buyable tints
Inspecting a weapon in 3D with orbit, zoom and tint try-on
The admin case builder with drop rates per rarity, spin settings and daily limits
The daily shop: a featured vehicle and a selection that renews every 24 hours 1 / 6

How it works

Start to finish

  1. The shop's daily tab with a grey Sultan featured at 450 coins, a reset countdown in the corner and a row of cars and weapons priced in coins below
    The loot box carousel with the featured case previewing its rarest drops
    A legendary drop from the case roulette
    The weapons tab with a pistol and three buyable tints
    Inspecting a weapon in 3D with orbit, zoom and tint try-on
    The admin case builder with drop rates per rarity, spin settings and daily limits
    The daily shop: a featured vehicle and a selection that renews every 24 hours 1 / 6

    01 — The catalogue

    Vehicles, weapons, packs and a daily shop

    • Catalogue with vehicles, weapons (plus tint options), packs and a daily shop that renews every 24 hours.
    • Try before you buy: a test drive for vehicles, a shooting range session for weapons, both in a private instance.
    • Promo codes, live purchase history, and VIP offers that link to the web store.
  2. The shop's daily tab with a grey Sultan featured at 450 coins, a reset countdown in the corner and a row of cars and weapons priced in coins below
    The loot box carousel with the featured case previewing its rarest drops
    A legendary drop from the case roulette
    The weapons tab with a pistol and three buyable tints
    Inspecting a weapon in 3D with orbit, zoom and tint try-on
    The admin case builder with drop rates per rarity, spin settings and daily limits
    The loot box carousel: the featured case previews its rarest drops 2 / 6

    02 — Loot boxes

    A CS:GO-style roulette

    • Weighted drop rates, per-case spin settings and sounds, instant open or pay-then-claim.
    • Rewards can be money, coins, items, permanent weapons or vehicles; a full inventory turns the reward into a pending claim instead of losing it.
    • Case sounds are generated WAV files played through plain HTML5 audio, since CEF keeps Web Audio suspended.
  3. The shop's daily tab with a grey Sultan featured at 450 coins, a reset countdown in the corner and a row of cars and weapons priced in coins below
    The loot box carousel with the featured case previewing its rarest drops
    A legendary drop from the case roulette
    The weapons tab with a pistol and three buyable tints
    Inspecting a weapon in 3D with orbit, zoom and tint try-on
    The admin case builder with drop rates per rarity, spin settings and daily limits
    The admin case builder: drop rates per rarity, spin settings, daily limits 6 / 6

    03 — Admin

    Every product type, in game

    • In-game admin panel: create and edit every product type, reorder them, feature a case, manage player coins.
    • Everything is validated server-side: the client never sends a price, and drop draws happen on the server.
    • One self-seeding SQL migration brings up the whole backend.

Under the hood

What keeps it solid

Backend
  • New Lua backend on one self-seeding SQL migration.
  • The client never sends a price; drop draws happen on the server.
Interface
  • React + Vite + Tailwind UI kept from the original and extended.
  • 3D weapon inspection with orbit, zoom and tint try-on.
Economy
  • Coins bought through Tebex; VIP offers link to the web store.

Tech

Tech and package

  • Lua
  • ESX
  • React
  • Tailwind
  • Tebex
  • Client, server and shared scripts
  • Config
  • React appthe shop interface

Same lane

More FiveM work

Need something like this on your server?

Email me