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