Frontend Architecture and Best Practices | Blog

Building for the web, with AI

Content, UX, and platform decisions that make websites and products work, and what AI is changing about building them. One email/month. Unsubscribe anytime.

Frontend Architecture and Best Practices posts

The Hidden Cost of Defaulting to ISR

The Hidden Cost of Defaulting to ISR

June 14, 2026

10 min read

Most developers default to ISR without thinking twice. Here's why that drift is costing you and the five questions to ask before you commit.

Frontend Architecture at Happy: Layers, Data Flow, and State

Frontend Architecture at Happy: Layers, Data Flow, and State

June 7, 2026

12 min read

Every messy frontend file is a symptom of the same problem: no clear boundaries. Here's how we structured Happy's frontend architecture into layers that scale.

How I Cut Vercel Edge Requests by 98% Using Next.js Route Segment Configs

How I Cut Vercel Edge Requests by 98% Using Next.js Route Segment Configs

February 1, 2026

6 min read

If you deploy Next.js apps on Vercel, edge requests can sneak up on you, especially if you’re building content-heavy marketing sites that don't change often.

Trying Drizzle: Server Functions vs Server Actions in React

Trying Drizzle: Server Functions vs Server Actions in React

November 7, 2025

2 min read

While giving Drizzle ORM a try, I noticed a helpful distinction in React apps between Server Functions and Server Actions.

Why useDeferredValue Might Be the Secret to Smoother UX

Why useDeferredValue Might Be the Secret to Smoother UX

May 16, 2025

3 min read

For creating smooth, responsive user experiences in React, try a lesser-known hook introduced in React 18 that quietly packs a punch: useDeferredValue.

React.memo vs useMemo: When to Use Each in React

React.memo vs useMemo: When to Use Each in React

May 2, 2025

2 min read

When it comes to performance optimization in React, both React.memo and the useMemo hook are tools designed to prevent unnecessary rendering—but they serve different purposes and use cases.

Deep Linking Your Blog to Bluesky (Desktop & Mobile)

Deep Linking Your Blog to Bluesky (Desktop & Mobile)

April 25, 2025

2 min read

Sharing your latest post to Bluesky should be friction-free - whether your reader is on a desktop browser or swiping through on their phone.

How to Add a Simple Search API to a Next.js App Using Sanity

How to Add a Simple Search API to a Next.js App Using Sanity

April 18, 2025

6 min read

If you want to add a simple search API to your Next.js app, you're in the right place. Good news, it's surprisingly easy to set up a simple search experience.

Emotion Soundscape: Turning Feelings Into Audio-Visual Art

Emotion Soundscape: Turning Feelings Into Audio-Visual Art

April 4, 2025

5 min read

Have you ever wondered what your emotions sound like—or what they might look like if visualized in motion? Emotion Soundscape explores this idea.

Why You Should Use TypeScript Over JavaScript

Why You Should Use TypeScript Over JavaScript

March 28, 2025

5 min read

Let's explore why TypeScript is a game-changer over JavaScript and demonstrate its benefits with practical examples, focusing on frontend development.

When and Why to Use React Hooks useCallback and useMemo

When and Why to Use React Hooks useCallback and useMemo

February 21, 2025

5 min read

React hooks useCallback and useMemo can improve performance of your app, but using them incorrectly can lead to complexity without benefits.

Fetching Data in Next.js: Fetch vs. Axios vs. TanStack Query

Fetching Data in Next.js: Fetch vs. Axios vs. TanStack Query

February 14, 2025

4 min read

Fetching data is essential in Next.js apps, and there are multiple ways to do it. In this post, we’ll compare Fetch, Axios, and TanStack Query.

Building for the web, with AI

Content, UX, and platform decisions that make websites and products work, and what AI is changing about building them. One email/month. Unsubscribe anytime.

LinkedIn
GitHub
gavin@gavingrant.com
Dark mode
Privacy Policy

© 2026 Gavin Grant