ESI Kota Denpasar

Project Overview

ESI Kota Denpasar adalah platform resmi Esports Indonesia cabang Kota Denpasar yang menjadi wadah pembinaan dan kompetisi esport pelajar se-Kota Denpasar. Website ini mendukung ekosistem esports pelajar dari tingkat SD, SMP, hingga SMA — menjembatani kompetisi sekolah sampai prestasi nasional.

Platform ini dikembangkan sebagai single source of truth untuk informasi event, cara bertanding, registrasi peserta, hingga tracking prestasi atlet dan sekolah yang berpartisipasi.

Design Philosophy

Official & Trustworthy: Visual identity merah-putih yang mencerminkan karakter resmi lembaga olahraga nasional, memadukan logo ESI dan Pemkot Denpasar.
Youth-Oriented: Tipografi bold dan elemen highlight merah yang energik sesuai karakter audience pelajar & gamer muda.
Dark Mode Ready: Toggle dark/light mode untuk kenyamanan pengguna — relevan untuk audience yang banyak beraktivitas di malam hari.
Info-Dense, Clean Layout: Meski menampung banyak informasi (event, rule, leaderboard), layout tetap clean dengan hirarki yang jelas.

Key Features

Event Management — Listing turnamen resmi dengan jadwal, game, dan bracket
Cara Bertanding — Panduan registrasi dan mekanisme kompetisi untuk sekolah/pelajar
Auth System — Halaman Masuk / Daftar untuk peserta dan admin sekolah
Profile & Stats — Tracking prestasi atlet & institusi pendidikan
Responsive Design — Optimized untuk mobile karena mayoritas gamer akses via HP
SEO & Performance — Next.js SSR/ISR untuk fast load dan discoverability di search

Target Audience

Pelajar SD, SMP, SMA di Kota Denpasar yang berminat di esports
Sekolah yang ingin mendaftarkan tim ke turnamen resmi
Pembina / guru pendamping ekstrakurikuler esports
Dinas Pemuda & Olahraga dan stakeholder terkait

Technologies Used

Framework: Next.js untuk SSR, ISR, dan image optimization
UI: React + TailwindCSS untuk design system modern dan maintainable
Language: TypeScript untuk type safety
Performance: Next.js prerender (x-nextjs-prerender: 1) dengan cache CDN (s-maxage=31536000)
Security: CSP, HSTS preload, X-Frame-Options DENY, X-Content-Type-Options nosniff

Results

Website live dengan performa cache-heavy (CDN HIT) untuk response time minimal
Security headers lengkap (CSP, HSTS preload, Permissions-Policy)
Hadir sebagai platform resmi yang mempertemukan sekolah, pelajar, dan regulator esports di Denpasar
Mendukung program pemerintah daerah dalam pembinaan atlet esports usia pelajar