Back to all projects

StrefaSA

Language(s): Astro, TypeScript

StrefaSA is a modern, high-performance marketing platform and integrated shop built for one of Poland's MTA:SA (Multi Theft Auto: San Andreas) communities. As a co-owner and co-creator of the server, I designed and developed this web ecosystem to bridge the gap between game atmosphere and professional web presence, utilizing Astro for extremely fast load times and a cinematic user experience.

Product Strategy

The website's primary goal is to convert visitors into active players within 60 seconds. This is achieved through:

  • Cinematic Immersion: A hero section designed to feel like a game title screen, prioritizing atmosphere over raw information at first glance.
  • Trust Through Data: Real-time player counts, server status, and activity metrics prove the server's health and reliability.
  • Frictionless Entry: A prominent "Copy IP" CTA ensures that the path from landing on the site to joining the server is as short as possible.

E-commerce Integration

The /sklep module is a custom-built storefront that integrates with the MTA server's backend.

  • Stripe Checkout: Secure handling of payments, including support for Polish-specific methods like BLIK.
  • Automated Delivery: Successful payments trigger webhooks that instantly deliver in-game assets or currency to players.
  • Product Catalog: Dynamically managed vehicle and item listings with detailed specifications.

Technical Stack

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

Technologies Used

AstroTypeScriptVercelStripe CheckoutVanilla CSS