1: Fundamentals
2: HTML and CSS
3: Tools
4: Deployment
5: JavaScript
6: More JavaScript
7: TypeScript
8: Python
9: More Python
10: PHP
11: More CSS
12: DOM and Events
13: Networking
14: Browser API
15: Server Runtimes
16: HTTP Servers
17: Forms
18: Databases
19: Libraries and frameworks
20: Docker
21: Go
22: C
23: Linux
24: Swift
25: Electronics
26: Misc

Copyright 2025

The Valley of Code

A Flavio Copes project

changelog

legacy pro user?

Next.js how to show something in development and hide in production
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>
)}

Want to master React? Check out my React Masterclass

Join my AI Workshop !

The Web Development BOOTCAMP cohort starts in February 2026