Blog
Thoughts, tutorials, and insights on web development, design, and more.
Building a Robust Design System in Next.js with Tailwind and CVA
A guide to building a scalable design system in Next.js with Tailwind CSS and CVA, focusing on consistent, accessible UI components
Code Splitting vs Lazy Loading in React and Next.js — A Beginner-Friendly Deep Dive
This blog explains the difference between code splitting and lazy loading in React and Next.js. It walks beginners through how these two techniques work together to improve app performance, reduce bundle size, and optimize user experience. With clear examples and real-world use cases, readers will understand when and how to apply lazy loading effectively — especially in Next.js App Router projects.
Do Next.js App Router Pages Accept Regular Props?
A quick dive into why Next.js App Router page components don't accept arbitrary props like regular React components, with a blog post example and code to show how to work with route-specific props (params, searchParams). Explains the framework's design for efficiency and offers tips for managing data flow.