https://github.com/Bucket-Protocol/sui-dapp-scaffold-v1
https://github.com/Bucket-Protocol/sui-dapp-scaffold-v1
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/Bucket-Protocol/sui-dapp-scaffold-v1
- Owner: Bucket-Protocol
- Created: 2024-05-05T10:07:01.000Z (about 2 years ago)
- Default Branch: main
- Last Pushed: 2024-08-24T04:05:19.000Z (almost 2 years ago)
- Last Synced: 2024-08-25T04:27:01.294Z (almost 2 years ago)
- Language: TypeScript
- Size: 540 KB
- Stars: 12
- Watchers: 1
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-sui - Sui dApp Scaffold (Bucket Protocol) - A frontend scaffold for a decentralized application (dApp) on the Sui Blockchain. (dApp Development / dApp Toolkits)
README
# Sui dApp Frontend Scaffold
Your super kit to build dApp on Sui
This project provides a frontend scaffold for a decentralized application (dApp) on the Sui blockchain. It uses next.js page router, shadcn/ui for UI library, @mysten/dapp-kit for interacting with Sui contracts, and bucket-protocol-SDK for additional blockchain interactions.
Powered by Bucket Protocol.
## Packages
* [next.js](https://nextjs.org/): Utilized for the foundational framework, supporting SSR and optimized page routing.
* [tailwind](https://tailwindcss.com/): Rapidly build modern websites without ever leaving your HTML.
* [shadcn/ui](https://ui.shadcn.com/): Beautifully designed components that you can copy and paste into your apps. Accessible. Customizable. Open Source.
* [@mysten/dapp-kit](https://www.npmjs.com/package/@mysten/dapp-kit): Provides hooks and components for querying data from the Sui blockchain, and connecting to Sui wallets.
* [bucket-protocol-sdk](https://github.com/Bucket-Protocol/bucket-protocol-sdk): Enhances capabilities with Sui blockchain features.
## Features
* Headless, fully customizable UI component
* Save 80% of the initial setting time. You can build your project/product way faster
## Components
* Basic series
* BasicDataField
```Typescript
import BasicDataField from "@/components/fields/basicDataField";
```
* BasicInputField
```Typescript
import BasicInputField from "@/components/fields/basicInputField";
```
* ConnectMenu
```Typescript
import ConnectMenu from "@/components/ui/connectMenu";
```
* MetaTagsContainer
* Open graph metadata is a key point for a web app. Most common settings are gathered in this component.