https://github.com/chasefleming/fcl-next-scaffold

Flow Blockchain FCL DApp Scaffold
https://github.com/chasefleming/fcl-next-scaffold

cadence fcl flow web3

Last synced: 3 months ago
JSON representation

Flow Blockchain FCL DApp Scaffold

• Host: GitHub
• URL: https://github.com/chasefleming/fcl-next-scaffold
• Owner: chasefleming
• Created: 2022-11-17T23:11:47.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2024-03-08T18:59:35.000Z (10 months ago)
• Last Synced: 2024-03-08T20:27:29.169Z (10 months ago)
• Topics: cadence, fcl, flow, web3
• Language: TypeScript
• Homepage:
• Size: 271 KB
• Stars: 7
• Watchers: 3
• Forks: 6
• Open Issues: 1
• 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

- "flow dev" integration for automatic local account creation and contract deployment

- 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 Flow Dev, the Emulator, and Dev Wallet

Run the following to run Flow Dev, the Emulator, and Dev Wallet:

```bash

npm run dev:local

```

Note: Flow Dev will will automatically create new accounts and deploy for you while developing. Your flow.json will be updated automatically. Committing these changes for local development is unncessary.

### 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 `[name].pkey` file (make sure this is gitignored) and add your account to flow.json.

Then in `flow.json`, add the contracts you'd like to be deployed to testnet under 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 while seeing the diff between deployed contracts and updates being pushed, you can run:

```

npm run dev:testnet:update

```