Portfolio About Me Services Get in Touch
Back to Portfolio

Prime Sportsbook

Master sports betting with expert guides and insights, then place your bets on state-regulated platforms for optimal odds.

My Role Full-Stack Developer
Timeframe 5 months
Category Sports Betting Education Platform
Design Implementation Pixel-perfect development from provided designs
View Live Project

The Brief

  • Build a cost-effective, high-performance sports betting education platform with lightning-fast load times
  • Implement complete separation between public-facing site and CMS for enhanced security
  • Create a static-generated architecture that operates without runtime CMS access
  • Enable real-time data updates while maintaining static site benefits

The Solution

  • Hybrid static generation with React frontend and WordPress headless CMS
  • Build-time content generation with automated S3 bucket deployment
  • Lightweight architecture ensuring sub-second load times and optimal performance
  • Secure admin isolation with no runtime connection between frontend and CMS

The Final Product

Homepage: Hero

Desktop Frame
Prime Sportsbook Homepage Hero - Desktop
Mobile Frame

Homepage: Reduced Juice

Desktop Frame
Mobile Frame

Homepage: University

Desktop Frame
Mobile Frame

Technical Implementation

Tech Stack

Next.js
WordPress
React
Tailwind CSS
PHP
TypeScript
JavaScript
CSS
HTML
MySQL
AWS S3
Nginx
GitHub Actions
Figma

Key Challenges & Solutions

Static Generation with Headless CMS

Building a performant static site that seamlessly integrates with a WordPress CMS while maintaining complete separation for security.
Solution: Developed a custom WordPress plugin with REST API endpoints and leveraged Next.js static site generation to pre-render all content at build time.

Fully Dynamic Routing

Enabling content editors to customize page slugs without developer intervention, requiring a flexible routing system.
Solution: Implemented a catch-all route in Next.js that dynamically renders pages based on API responses, allowing complete slug customization from the CMS.

Efficient Build Process

Managing frequent content updates with a static site generator that requires full rebuilds, potentially slowing down deployment.
Solution: Integrated GitHub Actions for automated builds and developed a WordPress plugin to trigger builds from the admin panel, ensuring fast and reliable deployments.

Client-side Geo-targeting

Implementing location-based content without server-side processing, requiring secure client-side geolocation.
Solution: Integrated a secure geolocation service with origin-based authentication to determine user location client-side, eliminating API key exposure risks.

Ready to Bring Your Vision to Life?

Let's collaborate to create a high-performance web solution that drives your business growth with clean, scalable code.

View My Portfolio