Build In Public

Development guides and tutorials on building delightful content experiences

How Vercel's Prefetching Works: A Deep Dive into Benefits and Gotchas
#development#deployment#vercel#nextjs
How Vercel's Prefetching Works: A Deep Dive into Benefits and Gotchas

Puzzled by mysterious GET requests in your Vercel logs? Discover how prefetching works, why it's causing those requests, and learn to balance performance gains with cost implications.

16 March 2025
Managing Query Keys for Cache Invalidation in React Query
#development#react#nextjs
Managing Query Keys for Cache Invalidation in React Query

Learn effective React Query cache invalidation strategies using Query Key Factory, custom hooks, and centralized services. Master query key management for scalable React applications.

16 March 2025
Should I Use ~/ Instead of @/ for React Import?
#react#javascript#development
Should I Use ~/ Instead of @/ for React Import?

Tired of package name conflicts with @/ imports? Discover why developers are switching to ~/ for clearer React imports and how this small change can make your codebase more maintainable.

13 March 2025
Mastering Mobile Performance: A Complete Guide to Improving Next.js Lighthouse Scores
#deployment#react#vercel#development
Mastering Mobile Performance: A Complete Guide to Improving Next.js Lighthouse Scores

Comprehensive guide to improving Next.js mobile Lighthouse scores. Learn to optimize Core Web Vitals, reduce static chunks, and implement effective third-party script management.

13 March 2025
What's Vibe Coding? And What Do I Need to Start?
#code#career#development
What's Vibe Coding? And What Do I Need to Start?

Worried about the vibe coding hype? Discover why relying solely on AI can be a trap, and learn the essential foundations you need to avoid costly debugging nightmares and build sustainable applications.

13 March 2025
Setting up Vitest for Next.js 15
#nextjs#development#javascript
Setting up Vitest for Next.js 15

Learn how to set up Vitest with Next.js 15, React Testing Library, and TypeScript. Complete guide with configuration, best practices, and performance optimization tips.

12 March 2025
Route Handler vs Server Action in Production for Next.js
#development#javascript#react#nextjs
Route Handler vs Server Action in Production for Next.js

Comprehensive guide to Next.js Route Handlers vs Server Actions: Learn when to use each approach, with production-ready code examples and best practices for scalable applications.

11 March 2025
How Should I Organize My Types as a React Developer?
#javascript#react#development
How Should I Organize My Types as a React Developer?

Struggling with messy API responses and scattered type definitions? Learn the battle-tested approach to organizing your React types, from co-location principles to handling inconsistent APIs.

10 March 2025
How to Use Jest with Next.js 15: A Comprehensive Guide
#nextjs#javascript#development
How to Use Jest with Next.js 15: A Comprehensive Guide

Struggling with Jest in Next.js 15? From cryptic module errors to React 19 conflicts, discover comprehensive solutions to make Jest work seamlessly in your modern Next.js projects.

10 March 2025
The Complete Guide to React Query's useMutation: Everything You Need to Know
#react#development#javascript
The Complete Guide to React Query's useMutation: Everything You Need to Know

Master React Query useMutation with TypeScript examples. Comprehensive tutorial on form handling, API integration, and state management for React developers.

10 March 2025