Wróć do wszystkich projektów

StrefaSA

Języki: Astro, TypeScript

StrefaSA to nowoczesna, wysoko wydajnościowa platforma marketingowa i zintegrowany sklep zbudowany dla jednej z polskich społeczności MTA:SA (Multi Theft Auto: San Andreas). Jako współwłaściciel i współtwórca serwera, zaprojektowałem i opracowałem ten ekosystem internetowy, aby zniwelować przepaść między atmosferą gry a profesjonalną obecnością internetową, wykorzystując Astro do niezwykle szybkich czasów ładowania i kinematycznego doświadczenia użytkownika.

Strategia produktu

Głównym celem witryny jest konwersja odwiedzających na aktywnych graczy w ciągu 60 sekund. Osiąga się to poprzez:

  • Kinematyczne zanurzenie: Sekcja główna zaprojektowana, aby wyglądała jak ekran tytułowy gry, priorytetyzując atmosferę nad surowymi informacjami na pierwszy rzut oka.
  • Zaufanie poprzez dane: Liczby graczy w czasie rzeczywistym, status serwera i metryki aktywności potwierdzają zdrowie i niezawodność serwera.
  • Wejście bez tarcia: Widoczna akcja „Kopiuj IP" zapewnia, że ścieżka od odwiedzenia witryny do przyłączenia się do serwera jest tak krótka, jak to możliwe.

Integracja e-commerce

Moduł /sklep to dostosowany sklep, który integruje się z backendem serwera MTA.

  • Stripe Checkout: Bezpieczna obsługa płatności, w tym obsługa metod specyficznych dla Polski, takich jak BLIK.
  • Zautomatyzowane dostarczanie: Udane płatności wyzwalają webhooks, które natychmiast dostarczają zasoby w grze lub walutę graczom.
  • Katalog produktów: Dynamicznie zarządzane listingi pojazdów i przedmiotów ze szczegółowymi specyfikacjami.

Stos technologiczny

Frontend

  • - Astro 5.0 (Islands Architecture)
  • - TypeScript
  • - Vanilla CSS
  • - Vercel Analytics & Speed Insights

Integration

  • - Stripe API & Webhooks
  • - Custom Node.js/MTA Backend
  • - RESTful API Communication

Użyte technologie

AstroTypeScriptVercelStripe CheckoutVanilla CSS