https://github.com/onflow/fcl-next-scaffold
https://github.com/onflow/fcl-next-scaffold
Last synced: 4 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/onflow/fcl-next-scaffold
- Owner: onflow
- Created: 2022-12-07T22:05:21.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-01-12T23:59:16.000Z (over 2 years ago)
- Last Synced: 2025-01-09T10:16:31.978Z (6 months ago)
- Language: JavaScript
- Size: 152 KB
- Stars: 1
- Watchers: 22
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
This is a scaffold for an FCL NextJS Dapp on the Flow Blockchain.
## Features Provided
- FCL setup and configuration
- Wallet Discovery (including Dev Wallet on Emulator)
- CLI private key separation for security
- Flow.json loading for contract placeholders
- Authentication
- CDC file loader
- Custom hooks
- Deployment
## Featues TODO
- Mainnet deployment
- JS Testing
## Running the App
First run:
```
npm install
```
### Local with Dev Wallet and the Emulator
In one terminal, run emulator:
```bash
flow emulator start
```
Once emulator is running, grab the private key and update the `.env` file. Also, make sure to add this to .gitignore.
Then, in another terminal, run Dev Wallet:
```bash
flow dev-wallet
```
```bash
npm run dev:local:deploy
```
### Testnet
If you haven't yet created a testnet account, in the CLI run:
```
flow accounts create
```
Follow the steps and select testnet. This will create a `testnet-account.private.json` file.
Then in `flow.json`, add your testnet address prefixed with an `0x` as an alias for `testnet` just like `emulator`.
You'll also need to add your new testnet account to your flow.json:
```
// Inside of "accounts"
"testnet-account": {
"fromFile": "./testnet-account.private.json"
}
```
Or you can set it up with environment variables the same way the `emulator-account` is configured.
Then, add a deployment for this account:
```
// Inside of "deployments"
"testnet": {
"testnet-account": [
"HelloWorld"
]
}
```
Then run:
```
npm run dev:testnet:deploy
```
Whenever you need to redeploy changed contracts to Testnet, you can run:
```
npm run dev:testnet:update
```