BOBen Orloffinblog.benorloff.co·Jun 18, 2024 · 15 min readBuild a Next.js Blog with MDX & ContentlayerIntroduction Traditional CMS platforms like WordPress and Joomla often feel cumbersome and high-maintenance. They require frequent updates, can be difficult to customize, and may struggle with performance issues under heavy loads. In contrast, MDX of...00
BOBen Orloffinblog.benorloff.co·Apr 29, 2024 · 11 min readBuild an Interactive Code PreviewIntroduction Project Overview In this article, we're going to be building a component preview featuring: Tabs to switch between visual preview and source code Drag-to-resize handles Real-time component dimensions Auto-generated source code Dark...00
BOBen Orloffinblog.benorloff.co·Apr 16, 2024 · 7 min readBuild a Slider With DOM EventsIntro Sliders (or "carousels") are a great UI option for displaying large blocks of content in a way that doesn't clutter the UX. They come in all shapes and sizes, but ultimately they share a common goal: allow the user to interact with content beyo...00
BOBen Orloffinblog.benorloff.co·Apr 4, 2024 · 17 min readDebounce Form Inputs with React Hook FormIntro First of all, what exactly does debouncing mean? Debouncing is a programming practice used to ensure that time-consuming tasks do not fire so often, that it stalls the performance of the web page. In other words, it limits the rate at which a ...00
BOBen Orloffinblog.benorloff.co·Apr 3, 2024 · 8 min readAsync Form Validation with Zod & React Hook FormThis post is a continuation of my series on building forms in Next.js. If you'd like to follow along, feel free to check out Create Your First Next.js App and Create a Form with React Hook Form & Next.js The Validation Schema Since we're using Zod to...01M
