diff --git a/README.md b/README.md
index 1a4ce8f4..04bbb6af 100644
--- a/README.md
+++ b/README.md
@@ -2,6 +2,9 @@
 Nebula Graph Studio (Studio for short) is a web-based visualization tool for Nebula Graph. With Studio, you can create a graph schema, import data, edit nGQL statements for data queries, and explore graphs.
 ![](./introduction.png)
 
+## Architecture
+![](architecture.png)
+
 ## Development Quick Start
 ### Set up nebula-importer
 ```
@@ -25,6 +28,30 @@ $ npm install
 $ npm run dev
 ```
 
+## Production Deploy
+
+### 1. Build
+```
+$ npm run install
+$ npm run build
+```
+
+### 2. Compile Typescript
+```
+$ npm run tsc
+```
+
+### 3. Deploy
+```
+$ npm run start
+```
+
+### 4. Stop Server
+Use when you want shutdown the web app
+```
+$ npm run stop
+```
+
 ## Documentation 
 [中文](https://docs.nebula-graph.com.cn/2.5.0/nebula-studio/about-studio/st-ug-what-is-graph-studio/)
 [ENGLISH](https://https://docs.nebula-graph.io/2.5.0/nebula-studio/about-studio/st-ug-what-is-graph-studio/)
diff --git a/architecture.png b/architecture.png
new file mode 100644
index 00000000..d37675f5
Binary files /dev/null and b/architecture.png differ