https://github.com/solana-developers/dapp-scaffold-vue
A base Solana dapp-scaffold using Vue
https://github.com/solana-developers/dapp-scaffold-vue
Last synced: 4 months ago
JSON representation
A base Solana dapp-scaffold using Vue
- Host: GitHub
- URL: https://github.com/solana-developers/dapp-scaffold-vue
- Owner: solana-developers
- Created: 2022-03-12T02:29:19.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-08-29T17:21:37.000Z (almost 3 years ago)
- Last Synced: 2025-06-25T13:03:06.625Z (about 1 year ago)
- Language: Vue
- Size: 531 KB
- Stars: 14
- Watchers: 2
- Forks: 6
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# DApp Scaffold Vue
## Getting Started
This is a [Vue 3](https://vuejs.org/) project bootstrapped with [`vue create app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
It uses [solana-wallets-vue](https://github.com/lorisleiva/solana-wallets-vue) to integrate wallets, and [tailwindcss](https://tailwindcss.com/) and [daisyui](https://daisyui.com/) for styling.
The responsive version for wallets and wallet adapter may not function or work as expected for mobile based on plugin and wallet compatibility. For more code examples and implementations please visit the [Solana Cookbook](https://solanacookbook.com/)
## Installation
```bash
npm install
# or
yarn install
```
## Build and Run
Next, run the development server:
```bash
npm run serve
# or
yarn serve
```
Open [http://localhost:8080](http://localhost:8080) with your browser to see the result.
## Features
- [x] Wallet Integration with Auto Connec / Refresh
- [x] State Management
- [x] Components: One or more components demonstrating state management
- [x] Web3 Js: Examples of one or more uses of web3 js including a transaction with a connection provider
- [x] Sample navigation and page changing to demonstate state
- [x] Clean Simple Styling
### Structure
```
├── public : publically hosted files
├── src : primary code folders and files
│ ├── components : should house anything considered a resuable UI component
│ ├── pages` : the pages that host meta data and the intended `View` for the page
│ ├── vuex` : stores used in state management
| main App, css, and routing files
style, package, configuration, and other project files
```
## References
This scaffold references features and styling from the original [Next.js scaffold](https://github.com/solana-labs/dapp-scaffold)