Next.js | Blog | PropelAuth

Announcing MCP Authentication: secure your MCP servers with PropelAuth

Understanding Hydration Errors by building a SSR React Project

If you’ve written React code in any server-rendered framework, you’ve almost certainly gotten a hydration error. These look like:

Text content does not match server-rendered HTML

or

Error: Hydration failed because the initial UI does not match what was rendered on the server

And after the first ...

Read more

Simplify Your Next.js Auth Setup with the PropelAuth CLI

Whenever we build client libraries for any framework, we start by setting three key design goals:

  1. Is it easy to understand?
  2. Does it leverage ...

Read more

Authentication with Next App Router and Supabase

In this guide, we’ll build an example Next.js application with PropelAuth and Supabase. We cover the App Router version of Next.js 13, and demonstrate...

Read more

Authentication with Next.js and Supabase

In this guide, we’ll build an example Next.js server-side rendered application with PropelAuth and Supabase. We cover the Pages Router version of Next...

Read more

Protecting a Multi-tenant Next.js client/server app with PropelAuth

Learn how to create a B2B Next.js app that creates digital coupons on demand using OpenAI's API and PropelAuth to secure it....

Read more

It’s not just you, Next.js is getting harder to use

I wrote a blog post the other day about how Next.js Middleware can be useful for working around some of the restrictions imposed by server components....

Read more

Getting the Current URL in Next.js Server Components

You are writing a server component using the new(ish) App Router in Next.js, when you realize you need to get the current URL’s path. This could be fo...

Read more

A Complete Guide To Using Cookies in Next.js

As Next.js has grown in complexity, it means there are a number of different ways to use cookies, each with their own caveats. You can read them in se...

Read more

Why we still use React HOCs

If you’ve integrated with our React library, @propelauth/react, you’ve probably seen that we offer a pretty standard React hook useAuthInfo. It returns...

Read more

5 Common Pitfalls with Server Components in Next13 (with examples)

The App Router is a new feature in NextJS 13, and it was recently switched to being the recommended option when you create a new NextJS application. T...

Read more