justgivemethe.recipes — Fast, structured recipe platform
A Next.js recipe site with rich results, blazing performance, and an editor-friendly content model.
Recipe sites are notorious for poor experience. Our client needed a fast, clean platform that prioritized the actual recipes while achieving strong search visibility through structured data.
Key challenges:
- Achieving sub-2-second load times on mobile
- Recipe schema markup for rich results
- Editor-friendly workflow for non-technical users
- Print-friendly layouts
Gallery
“They delivered a site our readers love—and Google does too. The structured data implementation brought us rich results immediately.”
Deep dive
Implementation details, architecture, and technical approach
Deep dive
Implementation details, architecture, and technical approach
Recipe sites suffer from slow loading, intrusive ads, and content buried under lengthy stories. Building a content model that supports complete Recipe schema while maintaining performance was critical.
Approach
We built a modern Next.js application with performance and structured data from the ground up.
Principles:
- Performance is accessibility — fast sites work everywhere
- Structure enables discovery — schema markup brings rich results
- MDX empowers authors — no CMS complexity
- Static when possible — optimize for the common case
Performance-First Architecture
- Next.js 13 with App Router for optimal loading and routing
- Static generation with ISR for dynamic content updates
- Contentlayer for type-safe MDX processing and fast builds
- Optimized images with
next/imageand responsive breakpoints - Minimal JavaScript bundle with tree-shaking
Structured Data Implementation
- Complete Recipe schema markup for every recipe page
- JSON-LD implementation covering ingredients, instructions, nutrition
- HowTo schema for cooking techniques and preparation methods
- Organization schema for brand consistency
Content Management
- MDX-based workflow with frontmatter validation
- Custom components for recipe cards, ingredient lists, and nutrition facts
- Image optimization pipeline with automatic WebP conversion
- Git-based content versioning for collaboration
Outcome
The platform exceeded performance targets and achieved immediate search success:
- LCP: 4.2s → 1.8s (57% improvement)
- CLS: 0.18 → 0.01 (94% improvement)
- PageSpeed: 45 → 94 (109% improvement)
- Rich results appeared within 2 weeks
- Organic traffic increased 45% in first 3 months
SEO Results
- Featured snippets for recipe searches increased by 200%
- Average session duration increased by 30%
- All Core Web Vitals now in "Good" range
User Experience
- Print-friendly layouts that work without JavaScript
- Mobile-first design optimized for kitchen use
- Fast search with client-side filtering
- Accessibility compliance with keyboard navigation
The combination of performance optimization and structured data created a recipe platform that serves both users and search engines effectively.
Related Work
American River Canyon Conservancy — Site Design
Designed their website for performance and user experience with Next.js and AWS infrastructure.
View case study
Oeno.io — Wine production operations platform
A multi-tenant wine production system of record built to track inventory, production workflows, and compliance with precision and clarity.
View case studyReady to start your project?
Let's discuss how we can help you achieve similar results.