Skip to content

Files

Latest commit

7799567 · Apr 30, 2024

History

History
This branch is 27 commits behind Mintbase/templates:main.

starter-vite

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
Jan 22, 2024
Apr 30, 2024
Jan 24, 2024
Jan 22, 2024
Jan 24, 2024
Apr 1, 2024
Jan 22, 2024
Mar 12, 2024
Mar 12, 2024
Jan 22, 2024
Jan 22, 2024
Jan 22, 2024

Starter Vite

cover_image

This is a simple-login project with support to Vite

Demo Deploy

Tooling:

Use Case Tools Framework

Author:

Author Organization

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,
	};

Running

for development env just run:


 pnpm run dev

Get in touch

detail_image