Example implementation of how to implement Sign In with Ethereum

by React

Sign in with Ethereum authentication flow

A basic example of how to create an authentication flow using Next.js, public key encryption, and an Ethereum or EVM compatible wallet that works on both desktop and mobile sites.

This project was inspired by Rahat Chowdhury’s ETH SSO workshop

How it works

Using React, ethers.js, Web3Modal, and WalletConnect, sign into an app and authenticate the user on the server, in our case using a Next.js SSR route, using either a browser wallet or a mobile wallet. This codebase also works on mobile devices, legeraging WalletConnect to connect to your mobile wallet of choice.

View Demo View Github

Open in Gitpod

To deploy this project to Gitpod, click this button:

Run locally

To run this project locally, follow these steps.

  1. Clone the project locally, change into the directory, and install the dependencies:

git clone git@github.com:dabit3/sign-in-with-ethereum-authentication-flow.git

cd sign-in-with-ethereum-authentication-flow

# install using NPM or Yarn
npm install

# or

yarn
  1. Start the app

npm run dev