diff --git a/docs/gridsome.server.js b/docs/gridsome.server.js
index 43b1783a..ffcfecb2 100644
--- a/docs/gridsome.server.js
+++ b/docs/gridsome.server.js
@@ -57,6 +57,35 @@ module.exports = function (api) {
   })
 
   api.loadSource(({ addCollection }) => {
+    /**
+     * Generate pages for all demo components for testing purposes
+     */
+    globby.sync('./src/demos/**/index.vue').forEach(file => {
+
+      const match = file.match(
+        new RegExp(/\.\/src\/demos\/([\S]+)\/index.vue/i),
+      )
+
+      if (!match) {
+        return
+      }
+
+      api.createPages(({ createPage }) => {
+        createPage({
+          // name: '/demos/Extensions/CharacterCount'
+          path: `/demos/${match[1]}`,
+          component: './src/templates/DemoPage/index.vue',
+          context: {
+            // name: 'Extensions/CharacterCount'
+            name: match[1],
+          },
+        })
+      })
+    })
+
+    /**
+     * Read out all packages?
+     */
     const appCollection = addCollection({ typeName: 'Package' })
 
     // packages.forEach(package => {
diff --git a/docs/src/demos/Examples/Book/index.spec.js b/docs/src/demos/Examples/Book/index.spec.js
index ab7b8a4e..da746949 100644
--- a/docs/src/demos/Examples/Book/index.spec.js
+++ b/docs/src/demos/Examples/Book/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/default', () => {
+context('/demos/Examples/Book', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/Book')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Examples/CollaborativeEditing/index.spec.js b/docs/src/demos/Examples/CollaborativeEditing/index.spec.js
index 124cd47e..20e939d1 100644
--- a/docs/src/demos/Examples/CollaborativeEditing/index.spec.js
+++ b/docs/src/demos/Examples/CollaborativeEditing/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/collaborative-editing', () => {
+context('/demos/Examples/CollaborativeEditing', () => {
   before(() => {
-    cy.visit('/examples/collaborative-editing')
+    cy.visit('/demos/Examples/CollaborativeEditing')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Examples/Default/index.spec.js b/docs/src/demos/Examples/Default/index.spec.js
index f7fc34cf..33a3d128 100644
--- a/docs/src/demos/Examples/Default/index.spec.js
+++ b/docs/src/demos/Examples/Default/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/default', () => {
+context('/demos/Examples/Default', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/Default')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Examples/Formatting/index.spec.js b/docs/src/demos/Examples/Formatting/index.spec.js
index 2b2d1895..0e89659b 100644
--- a/docs/src/demos/Examples/Formatting/index.spec.js
+++ b/docs/src/demos/Examples/Formatting/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/formatting', () => {
+context('/demos/Examples/Formatting', () => {
   before(() => {
-    cy.visit('/examples/formatting')
+    cy.visit('/demos/Examples/Formatting')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Examples/MarkdownShortcuts/index.spec.js b/docs/src/demos/Examples/MarkdownShortcuts/index.spec.js
index 2f7ec815..a61294fc 100644
--- a/docs/src/demos/Examples/MarkdownShortcuts/index.spec.js
+++ b/docs/src/demos/Examples/MarkdownShortcuts/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/markdown-shortcuts', () => {
+context('/demos/Examples/MarkdownShortcuts', () => {
   before(() => {
-    cy.visit('/examples/markdown-shortcuts')
+    cy.visit('/demos/Examples/MarkdownShortcuts')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Examples/Minimalistic/index.spec.js b/docs/src/demos/Examples/Minimalistic/index.spec.js
index 85de05a3..056b62ea 100644
--- a/docs/src/demos/Examples/Minimalistic/index.spec.js
+++ b/docs/src/demos/Examples/Minimalistic/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/minimalistic', () => {
+context('/demos/Examples/Minimalistic', () => {
   before(() => {
-    cy.visit('/examples/minimalistic')
+    cy.visit('/demos/Examples/Minimalistic')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Examples/MultipleEditors/index.spec.js b/docs/src/demos/Examples/MultipleEditors/index.spec.js
index e76b0e6d..8845221b 100644
--- a/docs/src/demos/Examples/MultipleEditors/index.spec.js
+++ b/docs/src/demos/Examples/MultipleEditors/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/multiple-editors', () => {
+context('/demos/Examples/MultipleEditors', () => {
   before(() => {
-    cy.visit('/examples/multiple-editors')
+    cy.visit('/demos/Examples/MultipleEditors')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Examples/TodoApp/index.spec.js b/docs/src/demos/Examples/TodoApp/index.spec.js
index a6d923c5..98f350e9 100644
--- a/docs/src/demos/Examples/TodoApp/index.spec.js
+++ b/docs/src/demos/Examples/TodoApp/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/todo-app', () => {
+context('/demos/Examples/TodoApp', () => {
   before(() => {
-    cy.visit('/examples/todo-app')
+    cy.visit('/demos/Examples/TodoApp')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Experiments/Annotation/index.spec.js b/docs/src/demos/Experiments/Annotation/index.spec.js
index 6a218007..593a5e73 100644
--- a/docs/src/demos/Experiments/Annotation/index.spec.js
+++ b/docs/src/demos/Experiments/Annotation/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/annotations', () => {
+context('/demos/Extensions/Annotations', () => {
   before(() => {
-    cy.visit('/api/extensions/annotations')
+    cy.visit('/demos/Extensions/Annotations')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Experiments/Comments/index.spec.js b/docs/src/demos/Experiments/Comments/index.spec.js
index 6f90b595..109134a0 100644
--- a/docs/src/demos/Experiments/Comments/index.spec.js
+++ b/docs/src/demos/Experiments/Comments/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/annotations', () => {
+context('/demos/Examples/Annotations', () => {
   before(() => {
-    cy.visit('/examples/annotations')
+    cy.visit('/demos/Examples/Annotations')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Extensions/Collaboration/index.spec.js b/docs/src/demos/Extensions/Collaboration/index.spec.js
index b2c7c082..494f1ee4 100644
--- a/docs/src/demos/Extensions/Collaboration/index.spec.js
+++ b/docs/src/demos/Extensions/Collaboration/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/collaboration', () => {
+context('/demos/Extensions/Collaboration', () => {
   before(() => {
-    cy.visit('/api/extensions/collaboration')
+    cy.visit('/demos/Extensions/Collaboration')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Extensions/CollaborationCursor/index.spec.js b/docs/src/demos/Extensions/CollaborationCursor/index.spec.js
index 911e121e..29501e66 100644
--- a/docs/src/demos/Extensions/CollaborationCursor/index.spec.js
+++ b/docs/src/demos/Extensions/CollaborationCursor/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/collaboration-cursor', () => {
+context('/demos/Extensions/CollaborationCursor', () => {
   before(() => {
-    cy.visit('/api/extensions/collaboration-cursor')
+    cy.visit('/demos/Extensions/CollaborationCursor')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Extensions/Dropcursor/index.spec.js b/docs/src/demos/Extensions/Dropcursor/index.spec.js
index 78f0c995..2e48f420 100644
--- a/docs/src/demos/Extensions/Dropcursor/index.spec.js
+++ b/docs/src/demos/Extensions/Dropcursor/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/dropcursor', () => {
+context('/demos/Examples/Dropcursor', () => {
   before(() => {
-    cy.visit('/examples/dropcursor')
+    cy.visit('/demos/Examples/Dropcursor')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Extensions/Focus/index.spec.js b/docs/src/demos/Extensions/Focus/index.spec.js
index ba1f4ce3..995da60f 100644
--- a/docs/src/demos/Extensions/Focus/index.spec.js
+++ b/docs/src/demos/Extensions/Focus/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/focus', () => {
+context('/demos/Extensions/Focus', () => {
   before(() => {
-    cy.visit('/api/extensions/focus')
+    cy.visit('/demos/Extensions/Focus')
   })
 
   it('should have class', () => {
diff --git a/docs/src/demos/Extensions/FontFamily/index.spec.js b/docs/src/demos/Extensions/FontFamily/index.spec.js
index 8c83ec8f..51dd2f4c 100644
--- a/docs/src/demos/Extensions/FontFamily/index.spec.js
+++ b/docs/src/demos/Extensions/FontFamily/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/font-family', () => {
+context('/demos/Extensions/FontFamily', () => {
   before(() => {
-    cy.visit('/api/extensions/font-family')
+    cy.visit('/demos/Extensions/FontFamily')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Extensions/Gapcursor/index.spec.js b/docs/src/demos/Extensions/Gapcursor/index.spec.js
index cea47a83..1ed8bc13 100644
--- a/docs/src/demos/Extensions/Gapcursor/index.spec.js
+++ b/docs/src/demos/Extensions/Gapcursor/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/gapcursor', () => {
+context('/demos/Examples/Gapcursor', () => {
   before(() => {
-    cy.visit('/examples/gapcursor')
+    cy.visit('/demos/Examples/Gapcursor')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Extensions/History/index.spec.js b/docs/src/demos/Extensions/History/index.spec.js
index da05f31a..605156ca 100644
--- a/docs/src/demos/Extensions/History/index.spec.js
+++ b/docs/src/demos/Extensions/History/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/history', () => {
+context('/demos/Extensions/History', () => {
   before(() => {
-    cy.visit('/api/extensions/history')
+    cy.visit('/demos/Extensions/History')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Extensions/TextAlign/index.spec.js b/docs/src/demos/Extensions/TextAlign/index.spec.js
index 94c31e74..e42ad8e7 100644
--- a/docs/src/demos/Extensions/TextAlign/index.spec.js
+++ b/docs/src/demos/Extensions/TextAlign/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/text-align', () => {
+context('/demos/Extensions/TextAlign', () => {
   before(() => {
-    cy.visit('/api/extensions/text-align')
+    cy.visit('/demos/Extensions/TextAlign')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Extensions/Typography/index.spec.js b/docs/src/demos/Extensions/Typography/index.spec.js
index e5484ed3..c9501aaf 100644
--- a/docs/src/demos/Extensions/Typography/index.spec.js
+++ b/docs/src/demos/Extensions/Typography/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/extensions/typography', () => {
+context('/demos/Extensions/Typography', () => {
   before(() => {
-    cy.visit('/api/extensions/typography')
+    cy.visit('/demos/Extensions/Typography')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Guide/GettingStarted/VModel/index.spec.js b/docs/src/demos/Guide/GettingStarted/VModel/index.spec.js
index adf1c621..49a2d60f 100644
--- a/docs/src/demos/Guide/GettingStarted/VModel/index.spec.js
+++ b/docs/src/demos/Guide/GettingStarted/VModel/index.spec.js
@@ -1,6 +1,6 @@
-context('/examples/v-model', () => {
+context('/demos/Examples/VModel', () => {
   before(() => {
-    cy.visit('/examples/v-model')
+    cy.visit('/demos/Examples/VModel')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Guide/StoreContent/ExportHTML/index.spec.js b/docs/src/demos/Guide/StoreContent/ExportHTML/index.spec.js
index 09bd9fb2..5236faca 100644
--- a/docs/src/demos/Guide/StoreContent/ExportHTML/index.spec.js
+++ b/docs/src/demos/Guide/StoreContent/ExportHTML/index.spec.js
@@ -1,6 +1,6 @@
-context('/guide/store-content', () => {
+context('/demos/Guide/StoreContent/ExportHTML', () => {
   before(() => {
-    cy.visit('/guide/store-content')
+    cy.visit('/demos/Guide/StoreContent/ExportHTML')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Guide/StoreContent/ExportJSON/index.spec.js b/docs/src/demos/Guide/StoreContent/ExportJSON/index.spec.js
index e4cb490a..a47badbf 100644
--- a/docs/src/demos/Guide/StoreContent/ExportJSON/index.spec.js
+++ b/docs/src/demos/Guide/StoreContent/ExportJSON/index.spec.js
@@ -1,6 +1,6 @@
-context('/guide/store-content', () => {
+context('/demos/Guide/StoreContent/ExportJSON', () => {
   before(() => {
-    cy.visit('/guide/store-content')
+    cy.visit('/demos/Guide/StoreContent/ExportJSON')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Guide/StoreContent/ReadOnly/index.spec.js b/docs/src/demos/Guide/StoreContent/ReadOnly/index.spec.js
index 4b2d4b36..32a2847e 100644
--- a/docs/src/demos/Guide/StoreContent/ReadOnly/index.spec.js
+++ b/docs/src/demos/Guide/StoreContent/ReadOnly/index.spec.js
@@ -1,6 +1,6 @@
-context('/guide/store-content', () => {
+context('/demos/Guide/StoreContent/ReadOnly', () => {
   beforeEach(() => {
-    cy.visit('/guide/store-content')
+    cy.visit('/demos/Guide/StoreContent/ReadOnly')
   })
 
   it.skip('should be read-only', () => {
@@ -13,7 +13,7 @@ context('/guide/store-content', () => {
     })
   })
 
-  it.skip('should be editable', () => {
+  it('should be editable', () => {
     cy.get('.ProseMirror').then(([{ editor }]) => {
       cy.get('#editable').check()
 
diff --git a/docs/src/demos/Marks/Bold/index.spec.js b/docs/src/demos/Marks/Bold/index.spec.js
index 637622ad..27b11fcb 100644
--- a/docs/src/demos/Marks/Bold/index.spec.js
+++ b/docs/src/demos/Marks/Bold/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/bold', () => {
+context('/demos/Marks/Bold', () => {
   before(() => {
-    cy.visit('/api/marks/bold')
+    cy.visit('/demos/Marks/Bold')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Marks/Code/index.spec.js b/docs/src/demos/Marks/Code/index.spec.js
index b87491aa..fb4ce29c 100644
--- a/docs/src/demos/Marks/Code/index.spec.js
+++ b/docs/src/demos/Marks/Code/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/code', () => {
+context('/demos/Marks/Code', () => {
   before(() => {
-    cy.visit('/api/marks/code')
+    cy.visit('/demos/Marks/Code')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Marks/Highlight/index.spec.js b/docs/src/demos/Marks/Highlight/index.spec.js
index f13d3ebb..d9e8b45a 100644
--- a/docs/src/demos/Marks/Highlight/index.spec.js
+++ b/docs/src/demos/Marks/Highlight/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/highlight', () => {
+context('/demos/Marks/Highlight', () => {
   before(() => {
-    cy.visit('/api/marks/highlight')
+    cy.visit('/demos/Marks/Highlight')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Marks/Italic/index.spec.js b/docs/src/demos/Marks/Italic/index.spec.js
index 2dc381e8..7fd6ff49 100644
--- a/docs/src/demos/Marks/Italic/index.spec.js
+++ b/docs/src/demos/Marks/Italic/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/italic', () => {
+context('/demos/Marks/Italic', () => {
   before(() => {
-    cy.visit('/api/marks/italic')
+    cy.visit('/demos/Marks/Italic')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Marks/Link/index.spec.js b/docs/src/demos/Marks/Link/index.spec.js
index f007e771..40b3864a 100644
--- a/docs/src/demos/Marks/Link/index.spec.js
+++ b/docs/src/demos/Marks/Link/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/link', () => {
+context('/demos/Marks/Link', () => {
   before(() => {
-    cy.visit('/api/marks/link')
+    cy.visit('/demos/Marks/Link')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Marks/Strike/index.spec.js b/docs/src/demos/Marks/Strike/index.spec.js
index bf9dda1b..526c0441 100644
--- a/docs/src/demos/Marks/Strike/index.spec.js
+++ b/docs/src/demos/Marks/Strike/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/strike', () => {
+context('/demos/Marks/Strike', () => {
   before(() => {
-    cy.visit('/api/marks/strike')
+    cy.visit('/demos/Marks/Strike')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Marks/TextStyle/index.spec.js b/docs/src/demos/Marks/TextStyle/index.spec.js
index 0a7f2c37..564be7bf 100644
--- a/docs/src/demos/Marks/TextStyle/index.spec.js
+++ b/docs/src/demos/Marks/TextStyle/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/text-style', () => {
+context('/demos/Marks/TextStyle', () => {
   before(() => {
-    cy.visit('/api/marks/text-style')
+    cy.visit('/demos/Marks/TextStyle')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Marks/Underline/index.spec.js b/docs/src/demos/Marks/Underline/index.spec.js
index d147dd76..9e5a95d3 100644
--- a/docs/src/demos/Marks/Underline/index.spec.js
+++ b/docs/src/demos/Marks/Underline/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/marks/underline', () => {
+context('/demos/Marks/Underline', () => {
   before(() => {
-    cy.visit('/api/marks/underline')
+    cy.visit('/demos/Marks/Underline')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Blockquote/index.spec.js b/docs/src/demos/Nodes/Blockquote/index.spec.js
index 396fb9f5..b1e597c7 100644
--- a/docs/src/demos/Nodes/Blockquote/index.spec.js
+++ b/docs/src/demos/Nodes/Blockquote/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/blockquote', () => {
+context('/demos/Nodes/Blockquote', () => {
   before(() => {
-    cy.visit('/api/nodes/blockquote')
+    cy.visit('/demos/Nodes/Blockquote')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/BulletList/index.spec.js b/docs/src/demos/Nodes/BulletList/index.spec.js
index 72a41c33..eea2bfaf 100644
--- a/docs/src/demos/Nodes/BulletList/index.spec.js
+++ b/docs/src/demos/Nodes/BulletList/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/bullet-list', () => {
+context('/demos/Nodes/BulletList', () => {
   before(() => {
-    cy.visit('/api/nodes/bullet-list')
+    cy.visit('/demos/Nodes/BulletList')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/CodeBlock/index.spec.js b/docs/src/demos/Nodes/CodeBlock/index.spec.js
index 53847641..de94f670 100644
--- a/docs/src/demos/Nodes/CodeBlock/index.spec.js
+++ b/docs/src/demos/Nodes/CodeBlock/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/code-block', () => {
+context('/demos/Nodes/CodeBlock', () => {
   before(() => {
-    cy.visit('/api/nodes/code-block')
+    cy.visit('/demos/Nodes/CodeBlock')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Document/index.spec.js b/docs/src/demos/Nodes/Document/index.spec.js
index 63b24cfb..d8d8845e 100644
--- a/docs/src/demos/Nodes/Document/index.spec.js
+++ b/docs/src/demos/Nodes/Document/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/document', () => {
+context('/demos/Nodes/Document', () => {
   before(() => {
-    cy.visit('/api/nodes/document')
+    cy.visit('/demos/Nodes/Document')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/HardBreak/index.spec.js b/docs/src/demos/Nodes/HardBreak/index.spec.js
index 8c834735..73670dd0 100644
--- a/docs/src/demos/Nodes/HardBreak/index.spec.js
+++ b/docs/src/demos/Nodes/HardBreak/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/hard-break', () => {
+context('/demos/Nodes/HardBreak', () => {
   before(() => {
-    cy.visit('/api/nodes/hard-break')
+    cy.visit('/demos/Nodes/HardBreak')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Heading/index.spec.js b/docs/src/demos/Nodes/Heading/index.spec.js
index 0c5f826f..784239ca 100644
--- a/docs/src/demos/Nodes/Heading/index.spec.js
+++ b/docs/src/demos/Nodes/Heading/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/heading', () => {
+context('/demos/Nodes/Heading', () => {
   before(() => {
-    cy.visit('/api/nodes/heading')
+    cy.visit('/demos/Nodes/Heading')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/HorizontalRule/index.spec.js b/docs/src/demos/Nodes/HorizontalRule/index.spec.js
index 4b6a4033..b88c7eb6 100644
--- a/docs/src/demos/Nodes/HorizontalRule/index.spec.js
+++ b/docs/src/demos/Nodes/HorizontalRule/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/horizontal-rule', () => {
+context('/demos/Nodes/HorizontalRule', () => {
   before(() => {
-    cy.visit('/api/nodes/horizontal-rule')
+    cy.visit('/demos/Nodes/HorizontalRule')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Image/index.spec.js b/docs/src/demos/Nodes/Image/index.spec.js
index 2539d7bb..2e0271e9 100644
--- a/docs/src/demos/Nodes/Image/index.spec.js
+++ b/docs/src/demos/Nodes/Image/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/image', () => {
+context('/demos/Nodes/Image', () => {
   before(() => {
-    cy.visit('/api/nodes/image')
+    cy.visit('/demos/Nodes/Image')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/ListItem/index.spec.js b/docs/src/demos/Nodes/ListItem/index.spec.js
index 97366e4c..6c3cea43 100644
--- a/docs/src/demos/Nodes/ListItem/index.spec.js
+++ b/docs/src/demos/Nodes/ListItem/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/list-item', () => {
+context('/demos/Nodes/ListItem', () => {
   before(() => {
-    cy.visit('/api/nodes/list-item')
+    cy.visit('/demos/Nodes/ListItem')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Mention/index.spec.js b/docs/src/demos/Nodes/Mention/index.spec.js
index 773694f9..efe62a9a 100644
--- a/docs/src/demos/Nodes/Mention/index.spec.js
+++ b/docs/src/demos/Nodes/Mention/index.spec.js
@@ -1,5 +1,7 @@
-context('/api/nodes/mention', () => {
+context('/demos/Nodes/Mention', () => {
   before(() => {
-    cy.visit('/api/nodes/mention')
+    cy.visit('/demos/Nodes/Mention')
   })
+
+  // TODO: Write tests
 })
diff --git a/docs/src/demos/Nodes/OrderedList/index.spec.js b/docs/src/demos/Nodes/OrderedList/index.spec.js
index 0874b3d0..8825cd6d 100644
--- a/docs/src/demos/Nodes/OrderedList/index.spec.js
+++ b/docs/src/demos/Nodes/OrderedList/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/ordered-list', () => {
+context('/demos/Nodes/OrderedList', () => {
   before(() => {
-    cy.visit('/api/nodes/ordered-list')
+    cy.visit('/demos/Nodes/OrderedList')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Paragraph/index.spec.js b/docs/src/demos/Nodes/Paragraph/index.spec.js
index 1380413e..3286da04 100644
--- a/docs/src/demos/Nodes/Paragraph/index.spec.js
+++ b/docs/src/demos/Nodes/Paragraph/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/paragraph', () => {
+context('/demos/Nodes/Paragraph', () => {
   before(() => {
-    cy.visit('/api/nodes/paragraph')
+    cy.visit('/demos/Nodes/Paragraph')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Table/index.spec.js b/docs/src/demos/Nodes/Table/index.spec.js
index e70768b8..7f58e674 100644
--- a/docs/src/demos/Nodes/Table/index.spec.js
+++ b/docs/src/demos/Nodes/Table/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/table', () => {
+context('/demos/Nodes/Table', () => {
   before(() => {
-    cy.visit('/api/nodes/table')
+    cy.visit('/demos/Nodes/Table')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Nodes/TaskItem/index.spec.js b/docs/src/demos/Nodes/TaskItem/index.spec.js
index 72f9e608..49bf6ab2 100644
--- a/docs/src/demos/Nodes/TaskItem/index.spec.js
+++ b/docs/src/demos/Nodes/TaskItem/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/task-item', () => {
+context('/demos/Nodes/TaskItem', () => {
   before(() => {
-    cy.visit('/api/nodes/task-item')
+    cy.visit('/demos/Nodes/TaskItem')
   })
 
   // TODO: Write tests
diff --git a/docs/src/demos/Nodes/TaskList/index.spec.js b/docs/src/demos/Nodes/TaskList/index.spec.js
index ba6f0f5d..c2c39a3c 100644
--- a/docs/src/demos/Nodes/TaskList/index.spec.js
+++ b/docs/src/demos/Nodes/TaskList/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/task-list', () => {
+context('/demos/Nodes/TaskList', () => {
   before(() => {
-    cy.visit('/api/nodes/task-list')
+    cy.visit('/demos/Nodes/TaskList')
   })
 
   beforeEach(() => {
diff --git a/docs/src/demos/Nodes/Text/index.spec.js b/docs/src/demos/Nodes/Text/index.spec.js
index af3bb246..76b06242 100644
--- a/docs/src/demos/Nodes/Text/index.spec.js
+++ b/docs/src/demos/Nodes/Text/index.spec.js
@@ -1,6 +1,6 @@
-context('/api/nodes/text', () => {
+context('/demos/Nodes/Text', () => {
   before(() => {
-    cy.visit('/api/nodes/text')
+    cy.visit('/demos/Nodes/Text')
   })
 
   beforeEach(() => {
diff --git a/docs/src/templates/DemoPage/index.vue b/docs/src/templates/DemoPage/index.vue
new file mode 100644
index 00000000..9934530b
--- /dev/null
+++ b/docs/src/templates/DemoPage/index.vue
@@ -0,0 +1,23 @@
+<template>
+  <div class="demo-page">
+    <demo :name="$context.name" :show-source="false" />
+  </div>
+</template>
+
+<script>
+export default {
+  metaInfo() {
+    return {
+      title: this.$context.name,
+      meta: [
+        {
+          name: 'robots',
+          content: 'noindex',
+        },
+      ],
+    }
+  },
+}
+</script>
+
+<style lang="scss" src="./style.scss" scoped></style>
diff --git a/docs/src/templates/DemoPage/style.scss b/docs/src/templates/DemoPage/style.scss
new file mode 100644
index 00000000..f7fc6201
--- /dev/null
+++ b/docs/src/templates/DemoPage/style.scss
@@ -0,0 +1,4 @@
+.demo-page {
+  max-width: 40rem;
+  margin: 2rem auto;
+}
diff --git a/docs/src/tests/core/commands/clearContent.spec.js b/docs/src/tests/core/commands/clearContent.spec.js
index d6ce8562..c0098d2c 100644
--- a/docs/src/tests/core/commands/clearContent.spec.js
+++ b/docs/src/tests/core/commands/clearContent.spec.js
@@ -1,6 +1,6 @@
 context('clearContent', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/default')
   })
 
   it('returns true for the clearContent command', () => {
diff --git a/docs/src/tests/core/commands/insertHTML.spec.js b/docs/src/tests/core/commands/insertHTML.spec.js
index 2094f504..e1b62a9d 100644
--- a/docs/src/tests/core/commands/insertHTML.spec.js
+++ b/docs/src/tests/core/commands/insertHTML.spec.js
@@ -1,6 +1,6 @@
 context('insertHTML', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/default')
   })
 
   it('returns true for the insertHTML command', () => {
diff --git a/docs/src/tests/core/commands/setContent.spec.js b/docs/src/tests/core/commands/setContent.spec.js
index e58c23d1..1abb6006 100644
--- a/docs/src/tests/core/commands/setContent.spec.js
+++ b/docs/src/tests/core/commands/setContent.spec.js
@@ -1,6 +1,6 @@
 context('setContent', () => {
   before(() => {
-    cy.visit('/examples/default')
+    cy.visit('/demos/Examples/default')
   })
 
   it('returns true for the setContent command', () => {
diff --git a/tests/cypress.json b/tests/cypress.json
index e99c1117..1a0e6af8 100644
--- a/tests/cypress.json
+++ b/tests/cypress.json
@@ -1,7 +1,5 @@
 {
   "baseUrl": "http://localhost:3000",
   "integrationFolder": "../",
-  "testFiles": "{docs,tests}/**/*.spec.{js,ts}",
-  "viewportWidth": 1280,
-  "viewportHeight": 1280
+  "testFiles": "{docs,tests}/**/*.spec.{js,ts}"
 }