docs: Update

README.md

@@ -8,7 +8,7 @@ You can find some package documentation below:
 
 | Package | Description | Version | 
 | --- | --- | --- |
-| [@bnb-chain/greenfield-js-sdk](./packages/chain-sdk/README.md) | A client library for Greenfield Chain | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfield-js-sdk?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfield-js-sdk) |
+| [@bnb-chain/greenfield-js-sdk](./packages/js-sdk/README.md) | A client library for Greenfield Chain | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfield-js-sdk?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfield-js-sdk) |
 | [@bnb-chain/greenfiled-file-handle](./packages/file-handle/README.md) | WASM module that handle file, such as `checksums` | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfiled-file-handle?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfiled-file-handle) |
 | [@bnb-chain/greenfield-zk-crypto](./packages/zk-crypto/README.md) | WASM module about sign crypto | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfield-zk-crypto?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfield-zk-crypto) |
 | [@bnb-chain/create-gnfd-app](./packages/create-gnfd-app/README.md) | Create Greenfield App Quickly | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fcreate-gnfd-app?color=blue)](https://www.npmjs.com/package/@bnb-chain/create-gnfd-app) |

doc-site/docs/api/_category_.json

@@ -0,0 +1,14 @@
+{
+  "position": 2,
+  "label": "API",
+  "collapsible": true,
+  "collapsed": true,
+  "className": "red",
+  "link": {
+    "type": "generated-index",
+    "title": "API"
+  },
+  "customProps": {
+    "description": ""
+  }
+}

doc-site/docs/api/query-client.md

@@ -0,0 +1,8 @@
+---
+id: query-client
+sidebar_position: 2
+---
+
+# Query Client
+
+

doc-site/docs/api/tx-client.md

@@ -0,0 +1,6 @@
+---
+id: tx-client
+sidebar_position: 1
+---
+
+# Tx Client

doc-site/docs/getting-started/_category_.json

@@ -0,0 +1,14 @@
+{
+  "position": 1,
+  "label": "Getting Started",
+  "collapsible": false,
+  "collapsed": false,
+  "className": "red",
+  "link": {
+    "type": "generated-index",
+    "title": "Getting Started"
+  },
+  "customProps": {
+    "description": ""
+  }
+}

doc-site/docs/getting-started/client.md

@@ -0,0 +1,28 @@
+---
+id: create-client
+sidebar_position: 2
+---
+
+# Create Greenfield Client
+
+```js
+import { Client } from '@bnb-chain/greenfield-js-sdk'
+
+// Node.js
+const client = Client.create(GRPC_URL, GREEN_CHAIN_ID);
+
+// Browser
+Client.create(GRPC_URL, String(GREEN_CHAIN_ID), {
+  zkCryptoUrl:
+    'https://unpkg.com/@bnb-chain/[email protected]/dist/node/zk-crypto.wasm',
+});
+```
+
+> Browser need load wasm manually.
+
+# Usage
+
+The JS SDK consists of two parts:
+
+* Chain: https://docs.bnbchain.org/greenfield-docs/docs/api/blockchain-rest
+* Storage Provider: https://docs.bnbchain.org/greenfield-docs/docs/api/storage-provider-rest

doc-site/docs/getting-started/install.md

@@ -0,0 +1,24 @@
+---
+id: install
+sidebar_position: 2
+---
+
+# Install
+
+Using npm:
+
+```bash
+> npm install @bnb-chain/greenfield-js-sdk
+```
+
+Using yarn:
+
+```bash
+> yarn add @bnb-chain/greenfield-js-sdk
+```
+
+Using pnpm:
+```bash
+> pnpm add @bnb-chain/greenfield-js-sdk
+```
+

doc-site/docs/Overview.md → doc-site/docs/getting-started/overview.md

@@ -1,5 +1,7 @@
 ---
+id: overview
 sidebar_position: 1
+slug: /
 ---
 
 # Overview
@@ -8,7 +10,7 @@ You can find some package documentation below:
 
 | Package | Description | Version | 
 | --- | --- | --- |
-| [@bnb-chain/greenfield-js-sdk](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/chain-sdk/README.md) | A client library for Greenfield Chain | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfield-js-sdk?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfield-js-sdk) |
+| [@bnb-chain/greenfield-js-sdk](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/js-sdk/README.md) | A client library for Greenfield Chain | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfield-js-sdk?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfield-js-sdk) |
 | [@bnb-chain/greenfiled-file-handle](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/file-handle/README.md) | WASM module that handle file, such as `checksums` | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfiled-file-handle?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfiled-file-handle) |
 | [@bnb-chain/greenfield-zk-crypto](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/zk-crypto/README.md) | WASM module about sign crypto | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fgreenfield-zk-crypto?color=blue)](https://www.npmjs.com/package/@bnb-chain/greenfield-zk-crypto) |
 | [@bnb-chain/create-gnfd-app](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/create-gnfd-app/README.md) | Create Greenfield App Quickly | [![npm](https://img.shields.io/npm/v/%40bnb-chain%2Fcreate-gnfd-app?color=blue)](https://www.npmjs.com/package/@bnb-chain/create-gnfd-app) |
@@ -19,16 +21,6 @@ You can find some package documentation below:
 * [Create React App](https://codesandbox.io/p/github/rrr523/greenfield-cra-template/main)
 * [Vite](https://codesandbox.io/p/github/rrr523/greenfield-vite-template/main)
 
-## Quick Start
-
-You can use [`create-gnfd-app`](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/create-gnfd-app) to create a app quickly.
-
-```bash
-> npx @bnb-chain/create-gnfd-app
-```
-
-![](https://github.com/bnb-chain/greenfield-js-sdk/raw/alpha/packages/create-gnfd-app/example.gif)
-
 ## Supported JS environments
 
 1. Modern browsers (Chromium, Firefox, Safari)

doc-site/docs/getting-started/quick-start.md

@@ -0,0 +1,16 @@
+---
+id: quick-start
+sidebar_position: 2
+---
+
+# Quick Start
+
+We provide templates that can run `React` (Next.js, Vite and CRA(Legacy) etc) directly.
+
+You can use [`create-gnfd-app`](https://github.com/bnb-chain/greenfield-js-sdk/tree/main/packages/create-gnfd-app) to create a app quickly:
+
+```bash
+> npx @bnb-chain/create-gnfd-app
+```
+
+![](https://github.com/bnb-chain/greenfield-js-sdk/raw/alpha/packages/create-gnfd-app/example.gif)