Company
We’re a sports betting analytics platform — think Bloomberg Terminal for sports betting. We provide confidence-scored prediction signals across NFL, NBA, MLB, NHL, college sports, and international soccer. Our app runs on a Laravel/React stack.
The Project
We need to migrate our marketing site off Webflow and onto Builder.io integrated with Next.js. This is an interim architecture — our long-term plan is Astro + Sanity CMS — but we need a fast, SEO-friendly, professional marketing site live as soon as possible that our team and SEO agency can manage without developer involvement.
We have a designer building out pages, and we’ll be providing Figma files along with HTML/CSS references for animations and interactions. This is not a ground-up design project — the visual direction is established. This is a technical buildout and platform configuration.
This starts as a focused project but could transition into an ongoing role as the platform evolves.
Scope of Work
- Next.js + Builder.io Foundation
- Initialize a Next.js project with Builder.io SDK integration
- Configure deployment on Vercel with custom domain, staging (preview deployments), and production environments
- Implement global site architecture: header, footer, navigation, responsive layouts
- Configure Builder.io workspace with reusable content models, sections, and page templates
- Page Buildout
- Build all pages in Builder.io from Figma files and HTML/CSS references provided by our designer — this is a fresh buildout, not a content migration from the existing Webflow site
- Implement responsive design across breakpoints (desktop, tablet, mobile)
- Translate animation and interaction references from provided HTML/CSS into the live site
- Configure meta tags, Open Graph data, canonical URLs, and structured data (schema markup) on every page
- Custom React Components for Builder.io
- Build custom React components that pull live data from our app API — examples include live signal previews, game slates, confidence tier displays, active pick counts
- Register these components as drag-and-drop blocks within the Builder.io visual editor so non-technical team members can place and configure them on any page
- Ensure components handle loading states, error states, and empty states gracefully
- Integrations
- Stripe: Build out checkout flows and payment links, ensure all transactions are properly tracked and attributed
- AWeber: Email capture forms integrated with our existing AWeber lists
- Analytics: Google Analytics 4, Google Tag Manager, and Meta Pixel implementation with proper event tracking
- Google Search Console: Sitemap submission, robots.txt configuration
- SEO Infrastructure
- Set up 301 redirects from any existing Webflow URLs that carry equity
- Generate and submit XML sitemap
- Configure robots.txt
- Ensure server-side rendering (SSR) or static site generation (SSG) for all pages — no client-side-only rendering
- Target Lighthouse performance scores of 90+ across all pages
- Ensure the site is fully crawlable by search engines without JavaScript dependency
- SEO Agency Handoff
- Configure Builder.io permissions and workspace so our SEO agency can independently create new pages, edit existing content, manage metadata, and build landing pages without developer involvement
- Create reusable page templates and building block patterns in Builder.io (hero sections, comparison tables, pricing grids, CTA sections, content blocks) that the SEO agency can assemble into new pages
- Provide brief documentation or a recorded walkthrough of the Builder.io editorial workflow
- QA and Launch
- Cross-browser testing (Chrome, Safari, Firefox, Edge)
- Mobile responsiveness validation across device sizes
- Stripe checkout flow testing (end-to-end purchase with tracking verification)
- Form submission testing
- Performance audit (Lighthouse, Core Web Vitals)
- Meta Pixel and GA4 event firing validation
- DNS cutover from Webflow to Vercel
Required Skills
- Next.js — strong production experience, comfortable with SSR/SSG, API routes, and Vercel deployment
- Builder.io — hands-on experience integrating Builder.io with Next.js, including custom component registration, content modeling, and workspace configuration
- React — building custom components that fetch and display data from external APIs
- TailwindCSS — implementing designs from Figma with Tailwind utility classes
- SEO fundamentals — server-side rendering, meta tags, structured data, redirects, sitemap generation, Core - Web Vitals optimization
- Stripe integration — checkout flow buildout and transaction tracking
- Git/GitHub — clean version control, CI/CD familiarity
Nice to Have
- Experience migrating sites off Webflow specifically
- Familiarity with sports, betting, or data-heavy marketing sites
- Experience with Astro (our eventual target framework)
- Sanity CMS experience (our eventual target CMS)
Timeline
Now. We’re looking to get started immediately and have the site live within a couple of weeks.