Skip to content

Template repository for building a mini app in React

Notifications You must be signed in to change notification settings

worldcoin/minikit-react-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React example of minikit

Apart from a frontend, you'll need a backend, this template contains an example of that as well

To run, install:

  • deps, cd frontend;pnpm i;cd -;cd backend;pnpm i
  • ngrok - Create a free ngrok account, follow the official docs
  • nginx - use you favorite package manager :)

nginx setup

To serve multiple localhost applications through a single ngrok tunnel (only one available for free-tier users), you can use nginx as a reverse proxy. Follow the steps below to set it up:

Run nginx

Use the config provided in the root of this repo sudo nginx -c full/path/to/this/repo/nginx.conf or, if you run the command from the root dir sudo nginx -c $(pwd)/nginx.conf

To stop nginx run sudo nginx -s stop

Tunnel through Ngrok

ngrok http 8080 The port doesn't matter, make sure it's the listen one from nginx config