LIVE Coding session Performance Refactoring: Making My Next.js eCommerce Site Boutique-Fast ⚡
Автор: Marius Nedelcu
Загружено: 2025-12-22
Просмотров: 8
The standard way of fetching products is killing our performance. In this session, we’re tearing down our "Double-Dip" fetching logic and moving to a Search-driven Read Model.
We’re analyzing the "Data Blueprint" to identify the gaps between our Products and our Search Index. The goal? A single, flat Search API that powers everything from Global Search to Collection Grids and Faceted Filtering—without the expensive database joins.
TODOS:
[x] The Parity Gap: Adding UI dependencies (Secondary Images, Price Ranges) to the Search Index 🖼️
[x] Relationship Denormalization: Burning slugs into documents for zero-join filtering 🔗
[x] Variant Discovery: Solving the "Electric Blue" slugification problem for stable URLs 🎨
[x] Join-Kill: Eliminating redundant Slugs-to-IDs lookups in our fetch logic 📉
[x] Live Refactor: Updating Payload hooks to sync a "meta" payload for the ProductCard 💻
Tech Stack:
Framework: Next.js 15
CMS: Payload CMS (Search Plugin / Hooks)
Logic: TypeScript & Denormalization Patterns
Links:
GitHub: https://github.com/nedzen
Twitter/X: https://x.com/nedzen
#NextJS #PayloadCMS #DatabaseArchitecture #SearchAPI #SystemDesign #TypeScript #WebPerf
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке:
