Update gitbook.mdx

Author: app-generator

docs/gitbook.mdx

@@ -1,29 +1,33 @@
 ---
 sidebar_position: 2.5
 sidebar_label: Gitbook Migration
-slug: /gitbook-migration
+slug: /gitbook-to-docusaurus-migration
 description: How to migrate from GitBook to Docusaurus
 ---
 
 # Migrate GitBook to Docusaurus
 
-This page explains how to migrate from GitBook to Docusaurus. For newcomers, Docusaurus is a static-site generator. It builds a single-page application with fast client-side navigation, leveraging the full power of React to make your site interactive. It provides out-of-the-box documentation features but can be used to create any kind of site (personal website, product, blog, marketing landing pages, etc).
+This page explains how to **Migrate from GitBook to Docusaurus**. 
+For newcomers, [Docusaurus](https://docusaurus.io/) is a `static-site generator` (SSG) that builds documentation into a `Single-Page Application` (SPA) with fast client-side navigation, 
+leveraging the full power of **React** to make your site interactive. 
+
+It provides `out-of-the-box documentation` features but can be used to create any kind of site (personal website, product, blog, marketing landing pages, etc).
 
 ## Key Features
 
 Docusaurus is built with high attention to the developer and contributor experience.
 
-⚛️ Built with 💚 and React:
+> ⚛️ **Built with React**
 
 Extend and customize with React
 Gain full control of your site's browsing experience by providing your own React components
 
-Pluggable:
+> ⚙️ **Pluggable**
 
 Bootstrap your site with a basic template, then use advanced features and plugins
 Open source your plugins to share with the community
 
-✂️ Developer experience:
+> ✂️ **Developer experience**
 
 Start writing your docs right now
 Universal configuration entry point to make it more maintainable by contributors
@@ -32,38 +36,40 @@ Route-based code and data splitting
 Publish to GitHub Pages, Netlify, Vercel, and other deployment services with ease
 Our shared goal—to help your users quickly find what they need and understand your products better. We share our best practices to help you build your docs site right and well.
 
-🎯 SEO friendly:
+> 🎯 **SEO friendly**
 
 HTML files are statically generated for every possible path.
 Page-specific SEO to help your users land on your official docs directly relating their problems at hand.
 
-📝 Powered by MDX:
+> 📝 **Powered by MDX**
 
 Write interactive components via JSX and React embedded in Markdown.
 Share your code in live editors to get your users to love your products on the spot.
 
-🔍 Search:
+> 🔍 **Search**
+
 Your full site is searchable.
 
-💾 Document Versioning:
+> 💾 **Document Versioning**
 
 Helps you keep documentation in sync with project releases.
 
-🌍 Internationalization (i18n):
-Translate your site in multiple locales.
+> 🌍 **Internationalization (i18n)**
 
-Docusaurus 2 is born to be compassionately accessible to all your users, and lightning-fast.
+Translate your site in multiple locales. Docusaurus 2 is born to be compassionately accessible to all your users, and lightning-fast.
 
-⚡️ Lightning-fast.
+> ⚡️ **Lightning-fast**
 
 Docusaurus 2 follows the PRPL Pattern that makes sure your content loads blazing fast.
 
-🦖 Accessible.
+> 🦖 **Accessible**
+
 Attention to accessibility, making your site equally accessible to all users.
 
-# Migration Steps
 
-## step 1 - Generate a new Docusaurus site
+## Migration Steps
+
+### ✅ `Step 1` - Generate a new **Docusaurus** site
 
 Generate a new Docusaurus site using the classic template.
 
@@ -77,7 +83,8 @@ You can type this command into Command Prompt, Powershell, Terminal, or any othe
 
 The command also installs all necessary dependencies you need to run Docusaurus.
 
-## step 2 - Start your site
+
+### ✅ `Step 2` - **Start your site**
 
 Run the development server:
 
@@ -92,7 +99,8 @@ The npm run start command builds your website locally and serves it through a de
 
 Open docs/intro.md (this page) and edit some lines: the site reloads automatically and displays your changes.
 
-## step 3 - copy documentation content from GitBook to docusaurus
+
+### ✅ `Step 3` - **Copy Markdown Content** from `GitBook`
 
 1. First Navigate to docs folder and delee the generated tutorial docs from docusaurus ,
 2. Navigate to gibook project folder copy all contents except .git and .gibook and move them to the docusaurus project under docs/
@@ -102,20 +110,22 @@ Open docs/intro.md (this page) and edit some lines: the site reloads automatical
 
    ### Solution
 
-   go to docusaurus.config.js at the root of the project Edit themeConfig:navbar:items[0] change docId docId: "app-generator",
+   go to docusaurus.config.js at the root of the project Edit themeConfig:navbar:items[0] change docId: "app-generator",
    to one of the available doc ids from the error above
 
-5. Build the project run:
+### `Step 4` - **Build the Project**:
 
 ```bash
 npm run build
 ```
 
-# SSR
+## SSR
+
+### ✅ `Step 1` -  **Create a SSR folder** 
 
-1. Create a ssr folder on the root of docusaurus project
+This needs to be done in the root of the project
 
-2. Create file index.js inside ssr folder and add below code
+### ✅ `Step 2` -  **Create file index.js** inside `SSR`` folder and add below code
 
 ```jsx title="/ssr/index.js"
 const express = require("express");
@@ -130,12 +140,6 @@ const distFolder = path.join(process.cwd(), "../build");
 app.set("view engine", "html");
 app.set("views", distFolder);
 
-// app.get(
-// 	"/appSeed//.(js|css|map|ico|svg|png|jpg|jpeg)$/",
-// 	express.static(distFolder, {
-// 		maxAge: "1y",
-// 	})
-// );
 // serve static assets
 app.get(/\.(js|css|map|ico|svg|png|jpg|jpeg|woff2)$/, express.static(path.resolve(__dirname, "../build")));
 
@@ -152,6 +156,7 @@ app.get("/sitemap.xml", (req, res) => {
 
 	return res.send(indexHTML);
 });
+
 app.get("/opensearch.xml", (req, res) => {
 	let indexHTML = fs.readFileSync(path.resolve(__dirname, "../build/" + req.originalUrl), {
 		encoding: "utf8",
@@ -163,6 +168,7 @@ app.get("/opensearch.xml", (req, res) => {
 
 	return res.send(indexHTML);
 });
+
 app.get("/favicon.ico", (req, res) => {
 	let indexHTML = fs.readFileSync(path.resolve(__dirname, "../build/" + req.originalUrl), {
 		encoding: "utf8",
@@ -204,8 +210,29 @@ app.listen("9000", () => {
 });
 ```
 
-3. run the ssr version of the app after building project
+### ✅ `Step 3` -  **Run/test the SSR version** of the app after building project
 
 ```bash
 node ssr/index.js
 ```
+
+##  [Docusaurus Soft Design](https://github.com/app-generator/docusaurus-soft-design) `Sample`
+
+Curious minds can use this `Open-Source` **Docusaurus Starter** styled with [Soft UI Design](https://bit.ly/soft-design-system), an open-source design from `Creative-Tim` - Actively supported by [AppSeed](https://appseed.us/).
+
+> Features
+
+- 🚀 `Blazing Fast` - [SEE Demo](https://docusaurus-soft-design.onrender.com/)
+- ✅ `Up-to-date dependencies` 
+- ✅ **Docusaurus v2**
+- ✅ Modern UI: **[Soft UI Design](https://bit.ly/soft-design-system)**, `Dark-Mode`
+- ✅ `Versioned Content`
+- ✅ `MIT License`, Free **Support**  
+
+![Docusaurus Soft UI Design - Open-source DOCS Starter.](https://user-images.githubusercontent.com/51070104/221350480-512c0088-84dd-49ac-a277-c09d0449054a.jpg)
+
+
+## Links & Resources
+
+- 👉 Contact `AppSeed` using the [support](https://appseed.us/support/) page
+- 👉 Use the [App Generator](https://appseed.us/generator) to generate a new project