# Next.js: show in development, hide in production

> Learn how to show content only in development and hide it in production in Next.js by checking process.env.NODE_ENV and conditionally rendering on that flag.

Author: [Flavio Copes](https://flaviocopes.com/about/) | Published: 2021-05-08 | Topics: [Next.js](https://flaviocopes.com/tags/next/) | Canonical: https://flaviocopes.com/nextjs-show-something-only-in-dev/

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:

```js
const isDev = process.env.NODE_ENV === 'development'
```

```js
{isDev && (
  <p>local only</p>
)}
```
