Skip to content

Commit 737c8e2

Browse files
committed
fix(docs): set node & package versions in vite setup
1 parent a926c8e commit 737c8e2

File tree

1 file changed

+6
-4
lines changed

1 file changed

+6
-4
lines changed

docs/tutorials/webapp-1.md

Lines changed: 6 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ This is a step-by-step tutorial, but you can also directly check out [the Web UI
1717
**Prerequisites:**
1818

1919
- Basic understanding of blockchain and a [browser wallet set up with some $KNOW tokens](https://docs.okp4.network/tutorials/keplr-1)
20-
- Familiarity with JavaScript and modern web development, [Node.js](https://nodejs.org/) installed on your machine. This guide uses `npm`, but you’re encouraged to use `yarn` or `pnpm` as well.
20+
- Familiarity with JavaScript and modern web development, [Node.js](https://nodejs.org/) installed on your machine. This guide uses [Node.JS v18.18 (LTS)](https://nodejs.org/fr/blog/release/v18.18.0). You'll see commands with `npm`, but you’re encouraged to use `yarn` or `pnpm` as well.
2121

2222
## Importance of user interfaces interacting with the OKP4 protocol
2323

@@ -34,7 +34,7 @@ This is where the significance of user-friendly interfaces comes into play. A we
3434
Let’s initiate a project with the [Vite framework](https://vitejs.dev/), which offers a lightning-fast cold server start and blazingly fast hot updates:
3535

3636
```bash
37-
npm create vite@latest
37+
npm create vite@4.4.1 # you're free to use the latest version, but to ensure compatibility this guide provides a specific version
3838
```
3939

4040
Choose the **React** framework and the **TypeScript + SWC** variant.
@@ -60,7 +60,8 @@ As we’ll deal with libraries and dependencies that were originally designed fo
6060
Thus, install **`node-stdlib-browser`** and the **`vite-plugin-node-stdlib-browser`** plugin:
6161

6262
```bash
63-
npm i -D node-stdlib-browser vite-plugin-node-stdlib-browser
63+
# you're free to use the latest versions, but to ensure compatibility this guide provides specific versions
64+
6465
```
6566

6667
Then, modify the Vite config file (`vite.config.ts`):
@@ -81,7 +82,8 @@ export default defineConfig({
8182
Now, install some packages to equip the project with a suite of tools and libraries essential for interacting with the blockchain, handling encoding/decoding, ensuring transactional integrity, and working with specific data structures defined by the OKP4 protocol.
8283

8384
```bash
84-
npm i graz @cosmjs/encoding @cosmjs/proto-signing cosmjs-types @okp4/cognitarium-schema @okp4/law-stone-schema
85+
# you're free to use the latest versions, but to ensure compatibility this guide provides specific versions
86+
8587
```
8688

8789
- **graz**: a collection of React hooks containing everything you need to start working with the [Cosmos ecosystem](https://cosmos.network/)

0 commit comments

Comments
 (0)