Kaizen Hosting
Full-stack Minecraft hosting product: marketing landing, Supabase auth, Express API, and a Pterodactyl-powered dashboard to provision servers, manage files, and install mods.
Overview
Full-stack Minecraft hosting product: marketing landing, Supabase auth, Express API, and a Pterodactyl-powered dashboard to provision servers, manage files, and install mods.
Screenshots
Tech Stack
Key Features
- ▸Hero with parallax server panel mock and console preview
- ▸Pricing tiers (Starter, Pro, Ultimate) with glass-style cards
- ▸Mod platform showcase (Fabric, Forge, Paper, Quilt, Modrinth, CurseForge)
- ▸Performance section with regions, uptime, and boot-time highlights
- ▸FAQ and conversion footer with primary CTAs
- ▸Authenticated dashboard: server list, workspace, files, mods, profile
- ▸Server provisioning flow with loader/version/RAM selection
- ▸Billing UI scaffold (payments not yet integrated)
Design Philosophy
Nature-meets-tech: Minecraft landscapes as backdrop, glass cards, organic wave dividers, and a consistent Kaizen green system that reads premium and approachable.
Design
Focused on clarity and speed: typography choices to improve scan-ability, high-contrast UI for readability, and a layout that highlights primary actions and content without distraction.
Development
Built with Next.js 16, React 19, TypeScript, Tailwind CSS v4, Supabase, Express, Pterodactyl, Vercel. Emphasis on modular components, predictable state handling, and accessible interactions. Performance budgets guided media usage and bundle size.
Target Audience
Minecraft server owners and modded communities who want fast setup, panel control, and mod installs without managing infrastructure by hand.
Deployment
Next.js app on Vercel (Webpack build for ssh2 compatibility) with a separate Express backend for Pterodactyl lifecycle, file uploads, console proxy, and ownership checks. Supabase handles auth and data.
Challenges
Unblocking Vercel production builds with native ssh2 under Turbopack (serverExternalPackages, lazy loading, dynamic imports, Webpack build). Provisioning across multiple Pterodactyl loaders and eggs with env-driven configuration. Landing polish: custom wave sections, hero parallax with reduced-motion support, and a cohesive green brand system without a separate design handoff.
Outcomes
Shipped landing plus authenticated app shell: server create/control, file manager, and Modrinth/CurseForge install flows wired to the panel API pattern. Production deploy path unblocked on Vercel; billing UI scaffolded for future payment integration.