justgivemethe.recipes — Fast, structured recipe platform

A Next.js recipe site with rich results, blazing performance, and an editor-friendly content model.

Visit site →justgivemethe.recipes

Services

PerformanceSEOContent Architecture

Platform

Next.js

Year

2025

Tech Stack

Next.jsTypeScriptTailwind CSSContentlayerVercel
justgivemethe.recipes — Fast, structured recipe platform hero image

Problem

Recipe sites are notorious for poor user experience—slow loading times, intrusive ads, and content buried under lengthy stories. Our client needed a fast, clean platform that prioritized the actual recipes while achieving strong search engine visibility through structured data.

Key challenges included:

  • Creating a content model that supports Recipe schema markup
  • Achieving sub-2-second load times on mobile devices
  • Building an editor-friendly workflow for non-technical users
  • Implementing rich results for better search visibility
  • Designing for print-friendly layouts

Approach

We built a modern Next.js application with a focus on performance and structured data from the ground up.

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/image and 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 new platform exceeded performance targets and achieved immediate search engine success:

Performance Improvements

  • LCP reduced from 4.2s to 1.8s (57% improvement)
  • CLS improved from 0.18 to 0.01 (94% improvement)
  • PageSpeed Score increased from 45 to 94
  • Core Web Vitals: All metrics now in "Good" range

SEO Results

  • Rich results appeared within 2 weeks of launch
  • Featured snippets for recipe searches increased by 200%
  • Organic traffic increased 45% in first 3 months
  • Average session duration increased by 30%

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.

Results

LCP (mobile)

Before: 4.2s
After: 1.8s
57% improvement

CLS

Before: 0.18
After: 0.01
94% improvement

PageSpeed Score

Before: 45
After: 94
109% increase

Gallery

justgivemethe.recipes — Fast, structured recipe platform screenshot 1
justgivemethe.recipes — Fast, structured recipe platform screenshot 2
They delivered a site our readers love—and Google does too. The structured data implementation brought us rich results immediately.
Site Owner
Publisher

Related Work

lowercasea.art — Dual-sided art marketplace preview
eCommercePerformanceSEO

lowercasea.art — Dual-sided art marketplace

A Next.js-powered marketplace connecting artists and buyers with seamless transactions and media-optimized galleries.

View case study
American River Canyon Conservancy — Site Design preview
PerformanceDevOpsSEO

American River Canyon Conservancy — Site Design

Designed their website for performance and user experience with Next.js and AWS infrastructure.

View case study

Ready to start your project?

Let's discuss how we can help you achieve similar results.