Rishi Bakshi Blog

Series

You Don't Know Next.js

This series uncovers common mistakes, misconceptions, and best practices in Next.js. Dive into real-world examples, tips, and optimizations to elevate your skills, enhance performance, and avoid pitfalls in your Next.js projects.

Articles in this series

Understanding How Top Level "use-client" Affects Next.js Performance

Rishi Bakshi

Sep 7, 20244 min read36 views

In Next.js, one of the biggest beginner mistakes — and even one made by experienced developers — is using the use client directive too high in the...

Understanding How Top Level "use-client" Affects Next.js Performance

Why You Should Always Explicitly Mark Client Components in Next.js

Rishi Bakshi

Sep 8, 20245 min read8 views

In Next.js, a common mistake developers make is assuming that a component without the use client directive is a server component. This...

Why You Should Always Explicitly Mark Client Components in Next.js

Wrapping Server Components in Client Components: What Happens?

Rishi Bakshi

Sep 9, 20244 min read8 views

One of the most common mistakes developers make in Next.js is the assumption that if you wrap a server component inside a client component, it...

Wrapping Server Components in Client Components: What Happens?

Understanding use server and Avoiding Data Leaks in Next.js

Rishi Bakshi

Sep 10, 20243 min read5 views

One of the common misconceptions in Next.js is the belief that adding the use server directive to a component will automatically turn it into a server...

Understanding use server and Avoiding Data Leaks in Next.js

Think Client Components Only Run on the Client Side? Think Again

Rishi Bakshi

Sep 10, 20245 min read7 views

In Next.js, there’s often a misconception that client components run only on the client, as their name might suggest. However, this isn't entirely...

Think Client Components Only Run on the Client Side? Think Again

Understanding and Fixing Hydration Errors in Next.js

Rishi Bakshi

Sep 21, 20243 min read21 views

Hydration errors are a common pitfall for developers new to Next.js, especially when dealing with client components that rely on browser APIs like...

Understanding and Fixing Hydration Errors in Next.js