LogoLogo
  • Sign-In with Ethereum
    • ⭐Quickstart Guide
      • Creating SIWE Messages
      • Implement the Frontend
      • Implement the Backend
      • Connect the Frontend
      • Implement Sessions
      • Resolve ENS Profiles
      • Resolve NFT Holdings
  • Libraries
    • ⌨️TypeScript
      • Migrating to v2
      • TypeScript Quickstart
    • 🦀Rust
    • 🍷Elixir
    • 🐍Python
    • 💎Ruby
      • 🛤️Rails
    • 💨Go
  • Integrations
    • 💬Discourse
    • 🛡️NextAuth.js
    • 🖼️Auth0
  • Additional Support
    • 🔓Security Considerations
    • 📇ENS Profile Resolution
    • 🫂Community Highlights
  • Servers
    • 🖥️OIDC Provider
      • ⭐Deployment Guide
      • 🔒Hosted OIDC Provider
  • General Information
    • 📒SIWE Overview
      • 📜EIP-4361
      • 🔍Review of Related EIPs
    • 🚨SIWE Code of Conduct
Powered by GitBook
On this page
  • Quickstart
  • Running the Quickstart
  1. Libraries
  2. TypeScript

TypeScript Quickstart

A Quickstart example using the TypeScript SIWE Library

PreviousMigrating to v2NextRust

Last updated 2 years ago

Quickstart

Goals

  • Run a Sign-In with Etheruem example locally

  • Sign-In with Ethereum using a preferred wallet

Requirements

  • version 14.0 or higher

Running the Quickstart

  • First clone the siwe repository from GitHub by running the following command:

git clone https://github.com/spruceid/siwe-notepad
  • Next, enter the directory and run the example by using the following commands:

cd siwe-notepad
npm install
npm run dev
  • Finally, visit the example at http://localhost:4361 (or whichever port npm allocated).

  • Once the example has loaded, sign in with Ethereum by clicking on one of the wallet options, enter some text, and save that text. After disconnecting, try reconnecting to reload that text once the session has been reestablished.

The full example can be found here:

⌨️
⚡
⚡
NodeJS
LogoGitHub - spruceid/siwe-notepad: Notepad example usage app of SIWEGitHub
Use your web browser