Skip to content

Commit

Permalink
Update quickstart docs. (#836)
Browse files Browse the repository at this point in the history
The `setup` command has been replaced with `init`.

Nowhere was it specified where to navigate in the browser to
use the Next.js app.
  • Loading branch information
jcbrand authored Jul 26, 2024
1 parent d981253 commit 21d6d13
Showing 1 changed file with 7 additions and 4 deletions.
11 changes: 7 additions & 4 deletions docs/build/guides/flow-app-quickstart.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@ This guide is a simple walkthrough to get started building a web3 app using the

:::info

If you are looking for a scalfolds, check out [scaffolds available in the Flow CLI](../../tools/flow-cli/super-commands.md#using-scaffolds).
If you are looking for a scaffolds, check out [scaffolds available in the Flow CLI](../../tools/flow-cli/super-commands.md#using-scaffolds).

:::

Expand Down Expand Up @@ -53,7 +53,7 @@ Make sure you have Flow CLI installed. [installation instructions](../../tools/f
Using the Flow CLI scaffold, create a basic hello world web project with `Web Scaffolds` -> `[5] FCL Web Dapp`. This will create a new `flow.json` file in the `hello-world` folder. This file will contain the Flow configuration for your project.

```sh
flow setup hello-world --scaffold
flow init hello-world --scaffold
# select scaffold 5
cd hello-world
npm install
Expand Down Expand Up @@ -202,6 +202,8 @@ The web app will run, but there are no contracts deployed to local emulator. Thi

## Authenticate a User

Navigate to [localhost:3000](http://localhost:3000) in your browser.

![User Login](./user-login-hello-world.gif)

Note: in the code above `useCurrentUser` is used to determine if there is a logged in user.
Expand Down Expand Up @@ -322,8 +324,9 @@ For more information on deployments check [Flow CLI](../../tools/flow-cli/flow.j
## Query the Blockchain
Now that all pieces are in place. UI can query `HelloWorld` contract.
Now that all the pieces are in place, you can query the `HelloWorld` contract.
Navigate again to [localhost:3000](http://localhost:3000) in your browser.
![Query HelloWorld Contract](./query-helloWorld-contract.gif)
Expand Down Expand Up @@ -401,4 +404,4 @@ That's it! You now have Flow app that uses auth, query and mutate the chain. Thi
- [More on Scripts](../../tools/clients/fcl-js/scripts.md)
- [More on Transactions](../../tools/clients/fcl-js/transactions.md)
- [User Signatures](../../tools/clients/fcl-js/user-signatures.md)
- [Proving Account Ownership](../../tools/clients/fcl-js/proving-authentication.mdx)
- [Proving Account Ownership](../../tools/clients/fcl-js/proving-authentication.mdx)

0 comments on commit 21d6d13

Please sign in to comment.