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.
- 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.
Make sure you have the following installed on your machine:
-
Clone the repository:
git clone [email protected]:arunkumar201/web3-siwe.git cd web3-siwe
-
Install the dependencies:
npm install
# or
yarn install
Running the Development Server
``` bash
npm run dev
# or
yarn dev
Open 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