vue-solana-quick-start

MetaMask Embedded Wallets — Vue Solana Quick Start

Vue 3 example using MetaMask Embedded Wallets (powered by Web3Auth) on the Solana blockchain. Uses the @web3auth/modal Vue SDK with built-in Solana composables for signing transactions and reading balances.

Prerequisites

• Node.js 20+
• npm
• A Client ID from the Dashboard — configure it with the Solana chain

Setup

1. Clone the repository

git clone https://github.com/Web3Auth/web3auth-examples.git
cd web3auth-examples/quick-starts/vue-solana-quick-start

2. Install dependencies

npm install

3. Configure environment variables

cp .env.example .env

Edit .env and set your Client ID:

VUE_APP_WEB3AUTH_CLIENT_ID=YOUR_CLIENT_ID

4. Run the application

npm run serve

Visit http://localhost:8080 in your browser.

Use Sapphire Devnet (the default) for local development. Sapphire Mainnet does not allow localhost.

Resources

• MetaMask Embedded Wallets Documentation
• Vue SDK
• Solana Integration
• Dashboard
• Community — Builder Hub

License

MIT