Deploying Stacks Apps

Finally, we need to deploy our new fundraising dapp.

We won't cover deploying the frontend in this guide, as that is up to the user. Vercel is a solid option for Next apps.

Just make sure you have appropriately handled your environment variables. You'll want to make sure that you set up your environment variables in your Vercel deployments so they use the appropriate network.

You can create multiple environments in Vercel and set these to correspond to different branches of your repo, so you can have a dev branch the connects to testnet and a production branch that connects to mainnet.

Deploying your contracts

Because we are using a Platform template, deployment plans are handled for us. For a detailed guide on using Clarinet for deployment, check out the Contract Deployment guide in the docs.

For us, we already have a testnet deployment plan in default.testnet-plan.yaml that we can use.

One thing we do need to do is set up our credentials for the testnet account we want to use to deploy. You can see a sample of this file at the above guide, but it looks like this.

This file should live at settings/Testnet.toml.

[network]
name = "testnet"
deployment_fee_rate = 10

[accounts.deployer]
mnemonic = "<YOUR TESTNET MNEMONIC>"
balance = 100_000_000_000_000
derivation = "m/44'/5757'/0'/0/0"

Add your mnemonic for the testnet account you want to deploy from. Then run the following command in your clarity folder. Make sure your wallet has some STX in it. You can use the faucet in the Hiro Platform if it does not.

clarinet deployments apply --testnet

Clarinet will ask if you want to use the newly generated deployment plan. In this case we want to say yes because our expected sender is going to be different.

After you confirm you can see your contracts being deployed to testnet and can watch as they are confirmed.

You can see my fundraising contract here.