justinbarry / fcl-next-scaffold

Flow Blockchain FCL DApp Scaffold

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:

flow emulator start

Then, in another terminal, run Dev Wallet:

flow dev-wallet

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.

Then run:

npm run dev:testnet:deploy

Whenever you need to redeploy changed contracts to Testnet, you can run:

npm run dev:testnet:update