TGE Starter Kit

Purpose

The TGE Starter Kit is a boilerplate project designed to help businesses launch their own Token Generation Event (TGE). It includes a Next.js frontend with TypeScript, Tailwind CSS, and React Query, as well as a Liteflow SDK backend to manage quests and leaderboards.

Features

• Display TGE information: Display all information related to the TGE, including the start date, end date, total supply, and token price.
• Purchase token: Allow users to purchase tokens using a wallet connection.

Setup

Follow these steps to set up the project:

Clone the repository:

git clone https://github.com/liteflow-labs/tge-starter-kit.git
cd tge-starter-kit

Install dependencies:

npm install

Run the development server:

npm run dev

Build the application:

npm run build

Start the production server:

npm start

Configuration

The project uses environment variables to configure the frontend and backend. Create a .env.local file in the root of the project and add the following variables:

# Create your project ID on https://reown.com/
NEXT_PUBLIC_WALLET_CONNECT_PROJECT_ID=

# Create your Liteflow API key on https://dashboard.liteflow.com/developers
NEXT_PUBLIC_LITEFLOW_API_KEY=

# Chain ID of the TGE contract created on https://dashboard.liteflow.com/tokens/tges/create
NEXT_PUBLIC_TGE_CHAIN_ID=

# Address of the TGE contract created on https://dashboard.liteflow.com/tokens/tges/create
NEXT_PUBLIC_TGE_CONTRACT_ADDRESS=

# Optional provider URL
NEXT_PUBLIC_ETHEREUM_MAINNET_PROVIDER_URL=
NEXT_PUBLIC_ETHEREUM_SEPOLIA_PROVIDER_URL=
NEXT_PUBLIC_BSC_MAINNET_PROVIDER_URL=
NEXT_PUBLIC_BSC_TESTNET_PROVIDER_URL=
NEXT_PUBLIC_POLYGON_MAINNET_PROVIDER_URL=
NEXT_PUBLIC_POLYGON_AMOY_PROVIDER_URL=
NEXT_PUBLIC_BASE_MAINNET_PROVIDER_URL=
NEXT_PUBLIC_BASE_SEPOLIA_PROVIDER_URL=
NEXT_PUBLIC_NEONEVM_MAINNET_PROVIDER_URL=
NEXT_PUBLIC_NEONEVM_DEVNET_PROVIDER_URL=
NEXT_PUBLIC_LIGHTLINK_PEGASUS_PROVIDER_URL=
NEXT_PUBLIC_LIGHTLINK_PHOENIX_PROVIDER_URL=
NEXT_PUBLIC_ARBITRUM_ONE_PROVIDER_URL=
NEXT_PUBLIC_ARBITRUM_SEPOLIA_PROVIDER_URL=

The UI is built with Tailwind CSS and shadcn/ui, so you can customize the styles by editing the tailwind.config.js file and by importing components from the shadcn/ui library.

The application uses Wagmi and RainbowKit for wallet connection.

Deployment

The project is designed to be deployed to Vercel. You can deploy the project by connecting your GitHub repository to Vercel and configuring the environment variables in the Vercel dashboard.

Build and publish Docker image

Make sure to have the envs in the file .env.production.

docker build -t IMAGE_TAG --platform linux/amd64 --push .

Contributing

Contributions are welcome! Please open an issue or submit a pull request for any changes.

License

This project is licensed under the MIT License.