Migrating Grep from Create React App to Next.js
Apr 14, 2025

Summary
This post details the migration of Grep from Create React App to Next.js, leveraging React Server Components and advanced data fetching strategies to improve performance and maintainability. Key improvements include optimizing the search input experience across different routes, implementing server-side initial data fetching with hydration, and using client-side incremental fetching with debouncing and optimistic UI updates to prevent stale results. The migration also addresses mobile-specific challenges with scroll stabilization.
More from the Hydrogen Framework Rebuild trail
- Shopify and Vercel are rebuilding Hydrogen for faster storefronts
- Vercel and Shopify are rebuilding Hydrogen
- Common mistakes with the Next.js App Router and how to fix them
- How Whop improved their Real Experience Score by 200% with the Next.js App Router | Customers | Vercel
- Sell globally with a Next.js + Shopify site