AI StockAlert Website
Bilingual SaaS marketing site — 18 routes, e2e tested, zero server cost
Demo Video
The Problem
Businesses launching software products hit the same bottleneck: the marketing website. Agency builds cost $10K-50K+ and take weeks. Templates look generic. Bilingual support is always an afterthought — and SEO, structured data, and accessibility get skipped entirely.
The Solution
A production-ready bilingual (EN/ES) marketing website covering the complete surface area of a real SaaS launch — 9 pages across 18 localized routes, with SEO, structured data, animations, dark/light themes, e2e tests, and static deployment to Netlify CDN.
Key Features
- 9 pages x 2 languages = 18 localized routes with native URL routing via next-intl
- SEO from day one — dynamic sitemap with hreflang alternates, JSON-LD structured data, page-level metadata
- 23 Playwright e2e tests covering navigation, language switching, theme toggling, and responsive behavior
- Static site generation — zero server cost, sub-second loads, deployed to Netlify global CDN
- Working contact form (Formspree + react-hook-form + Zod), dark/light themes, scroll-triggered animations
Results
About This Project
AI StockAlert is a bilingual (English/Spanish) SaaS marketing website that demonstrates the complete surface area of a real product launch — not a landing page, not a template, but the full thing. It covers 9 pages across 18 localized routes: Homepage, Features, Use Cases, Pricing, Download, Setup Guide, Contact, Terms of Service, and Privacy Policy. Every page exists in both English and Spanish with properly translated URLs, synced translation files, and language switching that preserves page context.
The site markets a fictional Windows desktop application that delivers stock price alerts via WhatsApp. While the product itself is a portfolio demonstration, the website is production-grade: statically generated for zero server costs, deployed to Netlify's global CDN, and built with SEO infrastructure (hreflang sitemaps, JSON-LD structured data, page-level metadata) that most real SaaS launches skip entirely. Dark/light theme support, scroll-triggered Framer Motion animations, accessible Radix-based UI components, and a working Formspree contact form round out the experience.
Key Engineering Decisions
next-intl over manual i18n: Native locale-based routing gives clean localized URLs (/en/features vs /es/caracteristicas) with proper hreflang alternates generated automatically in the sitemap. Language switching preserves page context — no redirects to the homepage.
Static export over SSR: The entire site generates as static HTML at build time. Zero server cost, sub-second loads from Netlify's CDN, and 100% uptime. No cold starts, no edge functions, no infrastructure to manage.
Playwright e2e over unit tests: 23 end-to-end tests validate the actual user experience — navigation, language switching, theme toggling, form validation, and responsive behavior across viewports. These catch integration bugs that unit tests miss.
Ready to discuss a similar solution?
Let's explore how AI automation can help your business.
Schedule a Consultation