Inverter / Next.js Web3 Template

A Next.js template with a focus on Web3 and DeFi applications. This template includes a variety of tools and libraries to help you get started with your project.

Features

• App Router
• @inverter-network/react shadcn/ui
• Wagmi 2 (Viem 2)
• Dynamic 2
• Mongoose
  • Session
  • Dynamic Proxy Auth
  • Cache
  • Api Keys
  • WebHooks
• PWA
• Release Pipeline

Configuration

Install Bun:

# Supported on macOS, Linux, and WSL

curl -fsSL https://bun.sh/install | bash

# Upgrade Bun every once in a while

bun upgrage

Recommended Editor: VsCode. For the best experience, install the Eslint and Prettier extensions.

Start by setting up your environment:

Environment Variables

cp .env.example .env

Edit the /.env file with the necessary settings.

• You will have to obtain the NEXT_PUBLIC_DYNAMIC_ID from DYNAMIC XYZ APP
• MONGO_URI - MongoDB connection string ( optional ).
• SESSION_SECRET - Session secret key ( optional ).
• DYNAMIC_PUBLIC_KEY - Dynamic public key ( optional ).
• NEXT_PUBLIC_DRPC_API_KEY - Drpc api key ( optional ).

Quick Start

# Install dependencies

bun i

# Run the development server

bun dev

Vercel Deploy Configuration

For automated code deployments, you can use the Vercel platform. To deploy your project, you will need to set up the environment variables as mentioned in the .env.example file.

1. Navigate to the deploy section of the vercel dasboard or find the settings env vars section of an already deployed code and input the variables.
2. And you are ready to go.