starter-vite

Starter Vite

This is a simple-login project with support to Vite

Tooling:

Author:

Project Walkthrough

This is a simple-login project that uses @mintbase-js/react as Provider to showcase Mintbase Wallet usage.

It uses React Vite.

Getting Started

NOTE: As a standard on Mintbase as we use the latest versions of Next.js we recommend using pnpm, but the package manager is up to your personal choice.

Install

First run install

npm install

yarn

# or

pnpm install

Setup

ENV Variables

you can change the values on the starter-vite/.env.example to the ones that suits you.

NOTE: the env variables need to have the VITE_ on the variable name due to be available for the browser to process

on the file .env.example , you can change / or add the env variables according to the properties of the MintbaseWalletContextProvider:

  VITE_NETWORK="testnet"

  VITE_CONTRACT_ADDRESS="hellovirtualworld.mintspace2.testnet"

  VITE_CALLBACK_URL="http://localhost:3000"

on the file starter-next/src/app/layout.tsx , theres this const:

	const MintbaseWalletSetup = {
		contractAddress: process.env.VITE_CONTRACT_ADDRESS,
		network: process.env.VITE_NETWORK,
		callbackUrl: process.env.VITE_CALLBACK_URL,
	};

• this object accepts all the properties listed on the package @mintbase-js/react

• you can check all the properties here on this link: Mintbase Wallet Context Provider Properties

Running

for development env just run:

 pnpm run dev

Get in touch

• Support: Join the Telegram
• Twitter: @mintbase