https://github.com/pinatacloud/hello-base
https://github.com/pinatacloud/hello-base
Last synced: about 1 year ago
JSON representation
- Host: GitHub
- URL: https://github.com/pinatacloud/hello-base
- Owner: PinataCloud
- License: mit
- Created: 2024-12-04T04:51:51.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-12-04T18:25:28.000Z (over 1 year ago)
- Last Synced: 2025-02-01T21:35:28.431Z (over 1 year ago)
- Language: TypeScript
- Homepage: https://hello-base.vercel.app
- Size: 523 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
## HelloBase
This is the official repo for [HelloBase](https://hellobase.dev), a starting place for any developer who is interested in building onchain.
The app is composed of two pieces:
- Next.js client
- [Smart Contracts on Base Sepolia](https://github.com/PinataCloud/hello-base-contracts)
This repo contains the code for the Next.js client and uses a combination of [Wagmi.sh](https://wagmi.sh) and [Coinbase Smart Wallets](https://www.coinbase.com/wallet/smart-wallet) to provide a seemless experience for anyone to start building onchain. Below is a flow chart for the user experience and what happens behind the scenes.
```mermaid
sequenceDiagram
participant User
participant Wallet
participant ContractFactory
participant Contract
User->>Wallet: Create Wallet
User->>ContractFactory: Deploy Contract
ContractFactory-->>Contract: Create new instance
ContractFactory-->>User: Return contract address
Wallet->>Contract: Set initial greeting
Contract-->>User: Confirm transaction
User->>Contract: Read greeting
Contract-->>User: Return greeting
Wallet->>Contract: Set new greeting
Contract-->>User: Confirm transaction
User->>Contract: Read greeting again
Contract-->>User: Return new greeting
```
## Development
First clone the repo and install dependencies
```
git clone https://github.com/PinataCloud/hello-base
cd hello-base
npm install
```
Update the `.env.example` to `.env.local` and fill in the environment variables
```
NEXT_PUBLIC_URL= # Hosted App URL
NEXT_PUBLIC_FACTORY_ADDRESS= # Address of deployed factory
```
Spin up the dev server
```
npm run dev
```
## Contact
Feel free to reach out if you have any questions!
[steve@pinata.cloud](mailto:steve@pinata.cloud)