Original Contear Guide Development · Official API

Build a Brawl Stars website that keeps the token secret.

Go from one useful idea to a secure backend, connected domain and trustworthy launch—without pretending the frontend can safely hide an API key.

8 practical sectionsBeginner → intermediateNo framework required
OutcomeA secure launch blueprint
What you chooseStack, hosting and domain
What you protectAPI token and user trust
Brawlytix homepage with its player-tag searchExplore the live project ↗
OWNED BY PINEAPPLE + CHOSEN

Meet Brawlytix.

A Brawl Stars analytics project owned by Pineapple and Chosen. It brings player profiles, meta research and leaderboards into one place.

Use it as inspiration: pick a question players actually ask, make the answer easy to find, and build from there.

Player profilesMeta researchLeaderboards
Visit Brawlytix ↗
01
Section 1 of 8

Choose what to build

Start with one useful feature and a clearly defined visitor.

  • ✓

    Player profile viewer

  • ✓

    Club tracker

  • ✓

    Leaderboards

  • ✓

    Match history viewer

  • ✓

    Brawler statistics

  • ✓

    Meta tracker

  • ✓

    Reward tracker

  • ✓

    Tournament website

  • ✓

    Creator-code landing page

02
Section 2 of 8

Get access to the Brawl Stars API

Create a developer account at the official portal, create an API key and configure its allowed public IP address.

  • ✓

    Sign in at developer.brawlstars.com

  • ✓

    Create a descriptive key

  • ✓

    Add the public IP used by your backend

  • ✓

    Test a small player or club request

  • ✓

    Handle rate limits and API errors

Open official developer portal ↗
03
Section 3 of 8

Protect the API token

Recommended request path
Website frontend
→ Your backend or API proxy
→ Official Brawl Stars API
04
Section 4 of 8

Choose a technology stack

Pick the simplest path that matches what you already understand.

BE

Beginner

  • ✓

    HTML, CSS and JavaScript

  • ✓

    Small serverless backend

RE

Recommended

  • ✓

    React or Next.js

  • ✓

    Node.js API routes

  • ✓

    TypeScript

  • ✓

    Cloudflare or Vercel

PY

Python option

  • ✓

    Python with Flask or FastAPI

  • ✓

    React or static frontend

DA

Database options

  • ✓

    Firebase

  • ✓

    Supabase or PostgreSQL

  • ✓

    Cloudflare D1

  • ✓

    No database for simple projects

05
Section 5 of 8

Buy and connect a domain

Choose a short, memorable name that does not imply official Supercell ownership.

  • ✓

    Compare .com with suitable alternatives

  • ✓

    Configure root-domain and www DNS records

  • ✓

    Enable HTTPS

  • ✓

    Use domain privacy when available

  • ✓

    Keep registrar recovery details secure

06
Section 6 of 8

Choose hosting

Match the hosting model to the application rather than choosing the most complicated platform.

ST

Static website

  • ✓

    Cloudflare Pages

  • ✓

    Netlify

  • ✓

    Firebase Hosting

SE

Serverless API

  • ✓

    Cloudflare Workers

  • ✓

    Vercel Functions

PE

Persistent backend

  • ✓

    VPS with Nginx

  • ✓

    PythonAnywhere for suitable Python projects

DA

Database-heavy application

  • ✓

    Managed PostgreSQL

  • ✓

    Supabase

  • ✓

    Firebase

  • ✓

    Cloudflare D1

07
Section 7 of 8

Add essential pages

Trust and transparency are product features.

  • ✓

    About

  • ✓

    Contact

  • ✓

    Privacy Policy

  • ✓

    Terms

  • ✓

    Fan-content disclaimer

  • ✓

    Affiliate disclosure

  • ✓

    Data attribution

  • ✓

    Error and maintenance pages

08
Section 8 of 8

Launch and grow

Make the first release measurable, discoverable and recoverable.

  • ✓

    Google Analytics

  • ✓

    Google Search Console

  • ✓

    Sitemap and robots.txt

  • ✓

    Metadata and Open Graph images

  • ✓

    Mobile optimisation

  • ✓

    Performance monitoring

  • ✓

    Social sharing

  • ✓

    Uptime monitoring

  • ✓

    Backups