Thoughts, tutorials, and insights on frontend development, design patterns, and building modern web applications.
17
Articles
113
Min to read
4
Categories
Learn how PostHog helped me track student behavior, identify conversion issues, and increase my course conversion rate by 133%. Complete Next.js integration guide with real examples.
Learn how UTM parameters helped me track exactly where my course students came from. Complete guide with real examples, best practices, and PostHog integration for deeper insights.
TanStack AI is a type-safe, provider-agnostic SDK that ends vendor lock-in. Switch between OpenAI, Claude, and Gemini without rewriting code. Full guide with examples.
shadcn/ui now generates complete Design Systems with 5 visual styles, Base UI support, and custom components. Learn how npx shadcn create transforms your workflow.
Hit the 5MB LocalStorage limit? Learn when to use IndexedDB for storing large datasets, offline support, and smart caching in modern web apps and PWAs.
These metrics aren't just numbers—they're how Google understands your user experience. Learn how to optimize CLS, LCP, and INP to keep both Google and your users happy.
Every teammate using different VS Code settings? That means messy code, weird bugs, and a confused team. Learn how the .vscode folder can unify your development environment.
Translation files starting as chaos? Learn how to structure your i18n files by feature, use clear naming conventions, leverage ICU syntax for plurals and dates, and keep your project maintainable.
API requests running after users navigate away? Learn how AbortController gives you full control over fetch and Axios requests, prevents memory leaks, and improves your app's performance.
Confused about when to use Props, State, Context, or Ref? Misusing them doesn't just slow performance—it creates tangled code that's hard to debug. Let's clear things up once and for all.
Icons from different sources? Legacy SVGs as images? Learn how to properly manage, organize, and use SVG icons in modern React and Next.js projects.
Both work on the server, but smart usage of each makes your work clean, fast, and secure. Learn when to use Server Actions and when to stick with API Routes.
Should you fetch data from the client or the server? The decision isn't simple, but it's not complicated if you understand the full picture.
We're all afraid of re-renders. But is this fear justified? Learn how React actually handles changes under the hood and why not every render is a disaster.
There's a simple pattern that can change how you handle UI, achieve better performance, maintain SEO, and create a cleaner interface. Learn when to use URL instead of useState.
Is React Query just a data fetching library? No! It's a complete data management system with caching, background sync, and smart refetching.
