AI-Native Next.js Developer: Build a Modern Multi-Site Boilerplate & Provide Workflow Training

Project Overview: I am looking for an expert, independent Full-Stack Frontend Developer for a long-term engagement to build a portfolio of 5 to 10 fundamentally different business websites. This job post is specifically for Website #1, with the immediate opportunity to build the subsequent sites if this first project goes well. Each website will be completely unique in its design, industry focus, content, and layout. For each site, I will provide a reference website to serve as the structural and design inspiration. Your job will be to analyze that reference layout, reverse-engineer its design framework, and build a brand-new, customized website tailored to my business needs. As part of the final project handover for Website #1, you will ensure the local development environment is set up and provide a technical walkthrough of the code structure so I am fully equipped to handle content updates and manage the site moving forward. The Tech Stack: You must have verifiable, hands-on experience deploying live projects using: 1. Frontend: Next.js (App Router) + TypeScript 2. Styling & UI: Tailwind CSS v4 + shadcn/ui 3. IDE & AI Orchestration: Cursor or Windsurf (fully leveraging MCP servers like Playwright and Filesystem) 4. Hosting & Backend: Cloudflare Pages + Cloudflare Workers (fully database-free) 5. Version Control: GitHub Required Features & Workflows: The boilerplate must natively support and be pre-configured for: 1. Dynamic Interactions: Multi-step responsive forms with conditional dropdowns. 2. Third-Party Booking: Native embedding and styling for scheduling tools (e.g., Calendly). 3. Marketing Automation: Secure API webhooks that instantly trigger automated email sequences and write lead data to external sheets/CRMs upon form submission. 4. Payment Gateways: Clean integration with modern payment processing APIs (e.g., Stripe) for handling digital transactions or booking retainers. 5. Optimization: Impeccable loading speeds (sub-second edge delivery via Cloudflare), responsive video streaming, and strict semantic HTML structured for SEO and AI Search Engines (AEO). Application Requirements (Strictly Enforced): To be considered, your proposal must include: 1. Live Production Demo: A link to a live website you personally built and deployed using Next.js and Cloudflare Pages. 2. Voice Walkthrough (Loom/Video): A short screen-share video with your voice explaining how you took structural inspiration from an existing web layout, adapted it into your own clean code, and wired up active third-party integrations (e.g., forms, automated marketing emails, booking, or payments). 3. Solo Confirmation: Explicitly confirm you are an independent freelancer handling 100% of the architecture and development yourself—no agencies or outsourcing.