update README

Author: Kallenju

README.md

@@ -10,7 +10,7 @@ To copy the template in an empty local folder without creating of a repo or in a
 npx degit Kallenju/template-for-react-ts-ssr-hmr
 ```
 
-Install packages and run development servers:
+The `./dist/` folder is the root of the site. It is created by Webpack and contains the result of the build process. To start the development servers, run the following command:
 
 ```shell
 npm install
@@ -20,6 +20,25 @@ npm run dev
 
 ## Structure of the template
 
+### Structure of the root folder (`./`)
+
+- **\_\_tests\_\_**
+- **bin**
+- **config**
+- **dist**
+- **src**
+
+### Structure of the dist folder (`./dist`)
+
+- **client**
+  - **fonts**
+  - **images**
+  - **styles**
+- **server**
+- **shared**
+  - **Header**
+  - **Layout**
+
 ### Structure of the source folder (`./src`)
 
 - **assets**
@@ -40,12 +59,6 @@ npm run dev
 
 ## How it works
 
-The `./dist/` folder is the root of the site. It is created by Webpack and contains the result of the build process:
-
-```shell
-npm run dev
-```
-
 ### Server-Side Rendering
 
 `./src` contains `App.tsx`, which is the entry point of the React app. It imports components from `./src/shared` and global styles from `./assets/styles/`. `App.tsx` is in turn imported by server (`server.tsx`) and client (`index.tsx`) files in `./src/server/` and `./src/client/`, respectively.