How to use ngrok for react

Venecia Calista
1 min readFeb 29, 2020


Ngrok is very usefull for preview, or testing or just in development. It’s tool to creates a secure tunnel on your local machine along with a public URL you can use for browsing your local site. The set up is very easy too.

Without ngrok you can access webserver too but only within the same network using:

Download ngrok client here and unzip the file. Then generate your auth token and run

./ngrok authtoken <YOUR_AUTH_TOKEN>

After that, you can start your react app as normal. Then, run

./ngrok http 3000

on where you unzip the ngrok file. We use port 3000 as it is react default port. Tadaaaa your done: