Next.js SEO Website Build

Project Overview AI Bookkeeper is an AI-powered bookkeeping and accounting SaaS platform designed for small businesses and accounting firms. The goal of this project is to build a modern, high-performance, and SEO-optimized marketing website that clearly communicates the product’s value and supports future scalability. We are seeking an experienced freelance [login to view URL] developer to design and develop a fully custom-coded website for AI Bookkeeper. The website must be fast, responsive, secure, and built with best practices for modern SaaS platforms. The main marketing website will be fully custom built, while a headless CMS will be used only for managing blog content and other frequently updated sections. Website Structure The project will include multiple domains and subdomains to support different parts of the platform: - "[login to view URL]" — Main marketing website - "[login to view URL]" — Customer application portal - "[login to view URL]" — Staging and testing environment - "[login to view URL]" — Future developer and API documentation portal - "[login to view URL]" — Backend API subdomain The initial focus of this engagement is the public marketing website, blog integration, subdomain routing setup, deployment configuration, and foundational application routing structure. Scope of Work 1. Fully Coded Marketing Website The website must be developed using modern technologies including: - [login to view URL] (latest version) - TypeScript - React - Tailwind CSS (or equivalent responsive styling framework) - Modular and reusable component architecture The solution must be fully custom-coded and must not rely on WordPress, Webflow, Wix, Elementor, or any similar no-code/low-code page builders. UI libraries may be used where appropriate, but the final design must be unique, professional, and tailored for a U.S.-based accounting SaaS product. 2. Main Website Pages The initial set of pages will include: - Home - Features - How It Works - Pricing - QuickBooks Integration - For Small Businesses - For Accountants and Bookkeepers - Security - About Us - Contact Us - Book a Demo - Blog - Privacy Policy - Terms & Conditions Final content structure and design references will be provided separately. 3. Blog CMS Integration The blog must be fully designed and developed as part of the website, with a headless CMS integrated only for content management. The CMS should support: - Blog title - Blog content - Featured image - Author - Category - Publication date - SEO title - Meta description - URL slug Preferred CMS options include: - Sanity CMS - Headless WordPress - Other approved headless CMS solutions The marketing team should be able to manage blog content independently without affecting the website’s design or codebase. 4. Subdomain-Based Routing The system must support proper routing across multiple subdomains: - "[login to view URL]" — Marketing website - "[login to view URL]" — Customer portal - "[login to view URL]" — Staging environment Implementation should use [login to view URL] Middleware or proxy-based routing depending on the architecture and [login to view URL] version. Key requirements: - Accurate hostname detection - Support for local development - No rewrite or redirect loops - Preservation of visible subdomain URLs - Proper handling of static assets and API routes - Compatibility with Vercel, Cloudflare, or similar reverse proxies 5. Hosting and Deployment The preferred infrastructure setup includes: - Vercel for the [login to view URL] frontend - Google Cloud for application/backend services - Cloudflare for DNS, security, and performance optimization The developer will be responsible for: - Connecting GitHub repository - Setting up CI/CD pipelines - Configuring production and preview deployments - Domain and subdomain configuration - Environment variable setup - DNS record configuration - Staging and production environment separation - Basic deployment documentation 6. SEO Requirements The website must be fully optimized for search engines, including: - Server-side rendering or static generation where appropriate - Editable meta titles and descriptions - Open Graph and social sharing metadata - Canonical URLs - XML sitemap generation - [login to view URL] configuration - Schema markup implementation - Proper heading hierarchy - Clean and semantic URLs - Image alt attributes - Fast load performance - Mobile-first responsive design Important pages must not rely solely on client-side rendering for SEO-critical content. 7. Performance Requirements The website must be optimized for: - Fast page load times - Core Web Vitals compliance - Image optimization - Font optimization - JavaScript bundle reduction - Code splitting - Lazy loading - Caching strategies - Mobile performance 8. Security Requirements The implementation must follow industry-standard security practices: - Secure environment variable handling - No hardcoded secrets or API keys - Input validation for all forms - Spam protection (contact/demo forms) - Secure HTTP headers - Dependency vulnerability checks - Restricted staging access where required 9. Forms and Integrations The website may include: - Contact form - Book a demo form - Newsletter subscription - Login redirect to application - Email notification system - Future CRM integration support All forms must be properly implemented and connected to approved endpoints or services. Expected Deliverables The freelancer will deliver: 1. Complete [login to view URL] source code 2. Fully responsive website (desktop, tablet, mobile) 3. Reusable component architecture 4. Blog CMS integration 5. Subdomain routing implementation 6. GitHub repository setup 7. Vercel deployment configuration 8. Custom domain setup 9. Staging and production environments 10. SEO implementation 11. Technical documentation 12. Deployment guide 13. CMS usage guide 14. Full project handover (code, access, credentials) 15. Post-launch bug fixing support (as agreed) Required Skills The ideal candidate should have strong experience in: - [login to view URL] (App Router preferred) - React - TypeScript - SSR / SSG / ISR strategies - Tailwind CSS - Middleware and routing logic - Headless CMS integration - GitHub workflows - Vercel deployment - DNS and subdomain configuration - Responsive UI/UX development - Technical SEO - Performance optimization Experience with Google Cloud and Cloudflare is a plus. Preferred Experience Preference will be given to developers who have built: - SaaS platforms - Fintech or accounting tools - AI-based products - Multi-subdomain architectures - Headless CMS-driven websites - U.S.-focused B2B marketing websites Important Project Conditions - The website must be fully custom-coded - No WordPress, Webflow, Wix, or similar builders for the main site - CMS is strictly for content management only - Design and UI must remain code-controlled - All intellectual property will belong to AI Bookkeeper - Strict confidentiality is required - Code reuse in other projects is not permitted - All third-party tools must be disclosed before use Application Requirements Applicants should provide: 1. Relevant [login to view URL] experience 2. Links to three similar live projects 3. Role and contribution in each project 4. Proposed technology stack 5. Recommended CMS solution 6. Estimated timeline 7. Fixed-price quote 8. Post-launch support duration 9. Confirmation of individual or team execution 10. Confirmation of full code and IP transfer Questions 1. Have you implemented subdomain-based routing in [login to view URL] 2. What is the difference between SSR and SSG? 3. Which pages would you use SSR, SSG, or ISR for? 4. How do you prevent rewrite loops in middleware or proxy setups? 5. How do you ensure CMS only manages content, not design? 6. How do you structure staging and production deployments? 7. How do you secure environment variables and API keys? 8. How do you optimize SEO and Core Web Vitals? 9. Can you provide full documentation and handover? 10. Are you available for post-launch support?

Project ID: 40615565