Dosar proiect

Site oficial AKA, Arad Kickboxing Arena

Dey Thai Box Club organizează la Arad gala de kickboxing AKA, cu sportivi din cluburi partenere din toată țara. Site-ul oficial trebuia să prezinte fiecare ediție (afiș, dată, locație, intrare liberă), să gestioneze roster-ul pe categorii de greutate, să afișeze sponsorii pe tier-uri vizibile și să permită publicarea de recap-uri post-gală direct de către organizator, fără pas intermediar.

AKA Arad Kickboxing Arena, pagina principală cu hero ediție, dată gală, intrare liberă, fotografie ring iluminat și dual CTA
01 / 05
Client
Dey Thai Box Club, Arad
Sector
Sport, gală kickboxing
An livrare
2026
Status
În producție

Aceeași poveste, două registre.

Pentru cine plătește proiectulLimbaj uman, fără jargon

Site-ul oficial al galei: poster digital, roster pe categorii de greutate, sponsori pe trei tier-uri și panou administrativ unde organizatorul publică direct articole, rezultate și recap-uri post-gală, fără agenție intermediară. Optimizat pentru conexiunile slabe din arena în noaptea evenimentului.

Pentru cine îl revizuiește tehnicDecizii concrete, versiuni reale

Next.js 16 App Router cu TypeScript strict și Tailwind v4. PostgreSQL 16 cu Drizzle ORM, queue pe pg-boss (nu mai e nevoie de Redis pentru background jobs). Autentificare Better-auth cu Argon2id și cookies httpOnly. Editorul redacțional e Tiptap + MDX, fotografiile sportivilor trec printr-un pipeline Sharp pentru cutout pe fundal transparent. Deploy zero-downtime: nginx upstream swap atomic, fără conexiuni întrerupte la momentul publish.

Aceleași fapte, două lecturi. CEO-ul citește registrul de sus și știe ce s-a livrat. CTO-ul citește registrul de jos și știe cum. Nimeni nu e forțat să traducă mental.

Procesul existent înainte de noi.

Promovarea galelor anterioare se făcea exclusiv pe Facebook și flyer fizic. Sponsorii plăteau, dar nu aveau loc digital fix unde să fie pomeniți. Recap-urile post-gală întârziau cu zile pentru că organizatorul depindea de cineva extern pentru publicare. Presa cerea acreditare pe email, fără jurnal centralizat.

Sistemul construit pe măsură.

Frontend Next.js 16 App Router cu TypeScript strict și Tailwind v4. PostgreSQL 16 cu Drizzle ORM și migrații versionate. Autentificarea operatorilor (admin, editor) folosește Better-auth cu Argon2id și cookies httpOnly. Conținutul redacțional e produs prin Tiptap cu suport MDX pentru articole bogate. Fotografiile sportivilor trec printr-un pipeline Sharp: cutout pe fundal transparent, dimensionare pentru toate breakpoint-urile, output AVIF + WebP. Background jobs (notificări, generare statistici) rulează pe pg-boss peste PostgreSQL, eliminând nevoia de Redis. Fonturile sunt self-hosted (Bebas Neue, Teko, Inter, Stardos Stencil) pentru identitate vizuală stabilă fără cereri externe. Vitest acoperă logica de domeniu, Playwright validează E2E și visual snapshots pe paginile critice. Deploy zero-downtime: build nou pe alt port, nginx upstream swap atomic, conexiunile vechi se închid natural fără reset.

Stack-ul, în producție.

  1. 01Next.js 16 · React 19
  2. 02TypeScript strict · Tailwind v4
  3. 03PostgreSQL 16 · Drizzle ORM
  4. 04Better-auth · Argon2id
  5. 05Tiptap · MDX · Sharp
  6. 06Embla Carousel · pg-boss
  7. 07Vitest · Playwright
  8. 08Nginx upstream swap · Zero-downtime deploy

Rezultatul măsurabil.

Site-ul e live pe aka.arcanetech.eu. Organizatorul publică recap-uri direct, fără să aștepte agenția. Sponsorii apar pe trei tier-uri stabile cu logouri uniformizate. Roster-ul complet e public, filtrabil pe greutate. Deploy-urile rulează din script, fără cădere de serviciu chiar și în timpul transmisiei live a galei. Codul, baza de date și pipeline-ul de deploy rămân ale clubului.

  1. M.01Publicare conținutDirect de organizator, fără agenție
  2. M.02Background queuepg-boss peste Postgres (fără Redis)
  3. M.03Deploy în producțieZero-downtime, nginx upstream atomic

Note tehnice și verificări.

  1. [1]

    Codul sursă și infrastructura aparțin clientului după predare. Scorurile, stack-ul și metricile reflectă starea predată, nu starea curentă a proiectului.

  2. [2]

    Documentația tehnică detaliată, jurnalele de implementare și rapoartele de testare sunt arhivate în repository-ul intern Arcane Tech, disponibile sub acord de confidențialitate.

Aveți un sistem similar de construit?

Pornim cu o analiză tehnică condusă de un inginer principal, sub acord de confidențialitate.