#React

May 21

Magento + React Server Components — Is It Ready in 2026?

React Server Components went stable in Next.js 14. For Magento, that means a product grid shipping zero client JavaScript and a PDP streaming from the server in under 200 ms. Two problems nobody has solved cleanly yet: cart state (per-session, stays client) and JWT refresh (cookie-bound, but Magento's token-refresh endpoint expects a client trigger). This post shows the real Next.js 14 code for a Magento RSC storefront, the boundary between server and client components, and a bundle-size comparison vs PWA Studio that explains why the rebuild is worth it on some projects and a waste on others.

May 21

Magento Next.js Storefront — Build It From Zero (Vercel-Deployable)

Most Magento + Next.js tutorials stop at fetching a product list. They skip authentication, cart hydration, ISR cache invalidation, and the SEO checklist for what to render server-side. This post walks through a complete `npx create-next-app` storefront against a Magento 2.4.4 — 2.4.9 GraphQL endpoint, deploy-ready on Vercel. Eight sections: project bootstrap, GraphQL client without Apollo, ISR for category pages, JWT auth via `generateCustomerToken` in an HTTP-only cookie, guest-and-customer cart hydration, server actions for `placeOrder`, the SEO checklist, and the production deploy. Real TypeScript, real GraphQL, and the traps that bite when the demo hits real customer traffic.