https://github.com/arunkumar201/web3-siwe
Web3 authentication app
https://github.com/arunkumar201/web3-siwe
nextjs14 tailwindcss viem wagmi web3-dapp web3-modal
Last synced: 2 months ago
JSON representation
Web3 authentication app
- Host: GitHub
- URL: https://github.com/arunkumar201/web3-siwe
- Owner: arunkumar201
- Created: 2024-04-09T15:01:01.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-15T07:52:22.000Z (10 months ago)
- Last Synced: 2025-02-10T15:18:35.035Z (4 months ago)
- Topics: nextjs14, tailwindcss, viem, wagmi, web3-dapp, web3-modal
- Language: TypeScript
- Homepage: https://web3-siwe.vercel.app
- Size: 669 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Web3-SIWE Authentication Application
[](https://nextjs.org/)
[](https://www.typescriptlang.org/)
[](https://tailwindcss.com/)This is a Web3-SIWE authentication application built with Next.js, TypeScript, and Tailwind CSS. It leverages `wagmi`, `web3modal`, and `siwe` for Web3 interactions and Sign-In With Ethereum (SIWE) authentication. The project is configured with Prettier for code formatting and PostCSS for CSS processing.
## Table of Contents
- [Features](#features)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
- [Running the Development Server](#running-the-development-server)
- [Building for Production](#building-for-production)- [Configuration](#configuration)
- [Environment Variables](#environment-variables)## Features
- **Next.js**: A React framework for building server-rendered or statically-generated applications.
- **TypeScript**: A strongly typed programming language that builds on JavaScript.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **Wagmi**: Reactivity for Ethereum apps.Type Safe, Extensible, and Modular by design. Build high-performance blockchain frontends.
- **Next-Auth**: A complete open-source authentication solution for Next.js applications.
- **React Query**: A library for fetching, caching, and updating asynchronous data in React applications.
- **Prettier**: An opinionated code formatter.
- **PostCSS**: A tool for transforming CSS with JavaScript plugins.
- **web3modal**: A library to easily connect to Ethereum providers.
- **siwe**: Sign-In With Ethereum protocol for authentication.## Getting Started
### Prerequisites
Make sure you have the following installed on your machine:
- [Node.js](https://nodejs.org/) (v18 or later)
- [pnpm](https://pnpm.io/)### Installation
1. Clone the repository:
```bash
git clone [email protected]:arunkumar201/web3-siwe.git
cd web3-siwe
2. Install the dependencies:```bash
npm install
# or
yarn installRunning the Development Server
``` bash
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result.
Building for Production
```bash
npm run build
# or
yarn build## Configuration
Create a .env.local file in the root of your project to define environment variables:
```.env
NEXT_PUBLIC_API_URL=http://localhost:3000
NEXTAUTH_URL=http://localhost:3000