Home00About01Services02Projects03Blog04How I work05FAQ06Client Access07
004
Archive 004Tool

MCGameAliance Web Store

Custom frontend for the MCGameAliance Minecraft server web store. Built on the MineStore CMS 3.x (Next.js) template and fully redesigned to match the server's brand: donation product showcase, checkout flow, player authentication, and REST API integration with the MineStore PHP backend

websites

View gallery
MCGameAliance Web Store
01 /About

Custom frontend for the MCGameAliance Minecraft server web store. Built on the MineStore CMS 3.x (Next.js) template and fully redesigned to match the server's brand: donation product showcase, checkout flow, player authentication, and REST API integration with the MineStore PHP backend.

Delivered on commission for the MCGameAliance Minecraft game server.

02 /🏠 Home & Storefront
  1. 01Minecraft-themed landing: SMP server screenshot carousel, features block (quests, bosses, pets, enchantments, skills, bounty hunting)
  2. 02Category and product catalog with cards, discounts, and package comparison
  3. 03Shopping cart with add/remove, custom prices, and product variables
  4. 04Featured deals and recommended offers
  5. 05Discord news carousel on the home page
03 /💳 Checkout & Payments
  1. 01Checkout page with buyer details form and payment method selection
  2. 02Multiple payment gateways: Stripe, RazorPay, PayPal, Skrill, Mollie, CoinPayments, and more
  3. 03Coupon codes, gift cards, and referral system
  4. 04Payment status polling with redirect to success/error pages
  5. 05Multi-currency support with currency switcher in the navbar
04 /🔐 Auth & Profile
  1. 01In-game authentication via Minecraft server verification
  2. 02Classic login and registration
  3. 03Discord OAuth for Discord Role package purchases
  4. 04Player profile with Minecraft avatar (mc-heads.net, minotar.net)
  5. 05Game server selection during checkout
05 /👥 Community
  1. 01Patrons page: donor leaderboard grouped by tiers with top patrons
  2. 02Staff page: server team with roles and prefixes
  3. 03Real-time server online player counter
  4. 04Discord widget integration
06 /🌍 Localization & UI
  1. 0121 interface languages (RU, EN, UA, DE, FR, ES, PL, etc.) via next-intl
  2. 02Language and currency switchers in the navbar
  3. 03Dark theme by default, custom Minecrafter Alt and MuseoModerno fonts
  4. 04Header particle animation (tsparticles)
  5. 05Responsive layout: Radix UI + Tailwind CSS + shadcn/ui components
07 /🛠️ Technical Architecture
  1. 01Next.js 14 App Router with client and server components
  2. 0233 REST endpoints to MineStore CMS API (cart, checkout, auth, settings, categories)
  3. 03Zustand for cart, currency, and language state
  4. 04Nginx reverse proxy: Next.js (:3000) + PHP MineStore backend (:8090) on mcgamealiance.com
  5. 05Configurable config.json: brand color, theme, background, particles, Discord auth
  6. 06Custom CMS pages via dynamic pages/[...slug] route