From 9d22298570a4e6c62677c945aa3b0435eb8ea33d Mon Sep 17 00:00:00 2001
From: Hans Pagel <hans.pagel@ueber.io>
Date: Tue, 11 Aug 2020 16:31:03 +0200
Subject: [PATCH] add new structure (without content)

---
 docs/src/docPages/commands.md     |  5 ++++
 docs/src/docPages/installation.md | 38 ++++++++++++++++++++++++-
 docs/src/layouts/App/index.vue    |  2 ++
 docs/src/links.yaml               | 47 +++++++++++++++++++++----------
 4 files changed, 76 insertions(+), 16 deletions(-)

diff --git a/docs/src/docPages/commands.md b/docs/src/docPages/commands.md
index 59492f46b..56e5b6fd9 100644
--- a/docs/src/docPages/commands.md
+++ b/docs/src/docPages/commands.md
@@ -1,5 +1,10 @@
 # Commands
 
+- menus
+- buttons
+- commands
+
+
 ## .clearContent()
 
 Clear the whole document.
diff --git a/docs/src/docPages/installation.md b/docs/src/docPages/installation.md
index d01f5088d..1d486f2a4 100644
--- a/docs/src/docPages/installation.md
+++ b/docs/src/docPages/installation.md
@@ -12,6 +12,8 @@ yarn add @tiptap/core @tiptap/starter-kit
 
 You can use it like this:
 
+## Vanilla JavaScript
+
 ```js
 import { Editor } from '@tiptap/core'
 import extensions from '@tiptap/starter-kit'
@@ -21,4 +23,38 @@ new Editor({
   extensions: extensions(),
   content: '<p>Hey there.</p>',
 })
-```
\ No newline at end of file
+```
+
+→ codesandbox
+
+## Vue.js
+
+```js
+import { Editor } from '@tiptap/core'
+import extensions from '@tiptap/starter-kit'
+
+new Editor({
+  element: document.getElementsByClassName('element'),
+  extensions: extensions(),
+  content: '<p>Hey there.</p>',
+})
+```
+
+→ codesandbox
+
+## react
+
+```js
+import { Editor } from '@tiptap/core'
+import extensions from '@tiptap/starter-kit'
+
+new Editor({
+  element: document.getElementsByClassName('element'),
+  extensions: extensions(),
+  content: '<p>Hey there.</p>',
+})
+```
+
+→ codesandbox
+
+## cdn?
\ No newline at end of file
diff --git a/docs/src/layouts/App/index.vue b/docs/src/layouts/App/index.vue
index 930ecda07..b4717c0db 100644
--- a/docs/src/layouts/App/index.vue
+++ b/docs/src/layouts/App/index.vue
@@ -6,6 +6,8 @@
           {{ $static.metadata.siteName }}
         </g-link>
         <div>
+          Algolia Search |
+          Sponsor
           <github-button
             href="https://github.com/scrumpy/tiptap"
             data-show-count="true"
diff --git a/docs/src/links.yaml b/docs/src/links.yaml
index a803a7e86..a5c10f3e0 100644
--- a/docs/src/links.yaml
+++ b/docs/src/links.yaml
@@ -5,29 +5,46 @@
     - title: Installation
       link: /installation/
 
-- title: Core Concepts
+- title: Guide
   items:
-    - title: Renderless
-      link: /renderless/
-    - title: Schema
-      link: /schema/
-    - title: Editor
-      link: /editor/
-    - title: Extensions
-      link: /extensions/
-    - title: Commands
-      link: /commands/
-    - title: Events
-      link: /events/
+    - title: First Steps
+      link: /first-steps/
+    - title: Configuration
+      link: /configuration/
+    - title: Build your editor
+      link: /build-your-editor/
+    - title: Custom styling
+      link: /custom-styling/
+    - title: Get content
+      link: /get-content/
+    - title: "Advanced nodes"
+      link: /advanced-notes/
 
 - title: Vue
   items:
     - title: Basic Example
       link: /basic-example/
     - title: Advanced Example
-      link: /advanced-example/
+      link: /advanced-vue-example/
+    - title: Render Vue Components
+      link: /render-vue-components/
 
 - title: React
   items:
     - title: React
-      link: /react/
\ No newline at end of file
+      link: /react/
+    - title: Render React Components
+      link: /advanced-react-example/
+
+- title: API
+  items:
+  - title: Editor
+    link: /editor/
+  - title: Extensions
+    link: /extensions/
+  - title: Commands
+    link: /commands/
+  - title: Events
+    link: /events/
+  - title: Schema
+    link: /schema/
\ No newline at end of file