SeanPlusPlus / sign-in-with-ethereum-authentication-flow

Sign in with Ethereum

Home Page:sign-in-with-ethereum-authentication-flow.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Sign in with Ethereum authentication flow

From: https://mirror.xyz/sha.eth/i6ry1Mxez53z91ef375sMe2rO1NvK2ipACyzKA4SR9g

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.

Example of

Open in Gitpod

To deploy this project to Gitpod, click this button:

Open in Gitpod

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 build && npm start

About

Sign in with Ethereum

sign-in-with-ethereum-authentication-flow.vercel.app


Languages

Language:JavaScript 96.2%Language:CSS 3.8%