Next.js how to show something in development and hide in production

I wanted to display some information on the website only if it was in development, on my local machine, and not in the deployed website.

Here’s how I did it:

const isDev = process.env.NODE_ENV === 'development'
{isDev && (
  <p>local only</p>
)}

Download my free Next.js Handbook!

⭐️ Join the waiting list for the JavaScript Masterclass ⭐️