add new structure (without content)

docs/src/docPages/commands.md

@@ -1,5 +1,10 @@
 # Commands
 
+- menus
+- buttons
+- commands
+
+
 ## .clearContent()
 
 Clear the whole document.

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'
@@ -22,3 +24,37 @@ new Editor({
   content: '<p>Hey there.</p>',
 })
 ```
+
+→ 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?

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"

docs/src/links.yaml

@@ -5,12 +5,39 @@
     - title: Installation
       link: /installation/
 
-- title: Core Concepts
+- title: Guide
+  items:
+    - 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-vue-example/
+    - title: Render Vue Components
+      link: /render-vue-components/
+
+- title: React
+  items:
+    - title: React
+      link: /react/
+    - title: Render React Components
+      link: /advanced-react-example/
+
+- title: API
   items:
-    - title: Renderless
-      link: /renderless/
-    - title: Schema
-      link: /schema/
   - title: Editor
     link: /editor/
   - title: Extensions
@@ -19,15 +46,5 @@
     link: /commands/
   - title: Events
     link: /events/
-
+  - title: Schema
-- title: Vue
+    link: /schema/
-  items:
-    - title: Basic Example
-      link: /basic-example/
-    - title: Advanced Example
-      link: /advanced-example/
-
-- title: React
-  items:
-    - title: React
-      link: /react/