diff --git a/examples/dom.html b/examples/dom.html
index 570cbfcb..d7541377 100644
--- a/examples/dom.html
+++ b/examples/dom.html
@@ -17,6 +17,7 @@
 
 <div id="content" contenteditable=""></div>
   </div>
+  <!-- The actual source file for the following code is found in ./dom.js. Run `npm run watch` to compile the files -->
   <script class="code-js" src="./build/dom.js">
     import * as Y from 'yjs/index.js'
     import { WebsocketProvider } from 'yjs/provider/websocket.js'
diff --git a/examples/dom.js b/examples/dom.js
index 650d7601..b4b98774 100644
--- a/examples/dom.js
+++ b/examples/dom.js
@@ -2,7 +2,9 @@ import * as Y from '../index.js'
 import { WebsocketProvider } from '../provider/websocket.js'
 import { DomBinding } from '../bindings/dom.js'
 
-const provider = new WebsocketProvider('wss://api.yjs.website')
+import * as conf from './exampleConfig.js'
+
+const provider = new WebsocketProvider(conf.serverAddress)
 const ydocument = provider.get('dom')
 const type = ydocument.define('xml', Y.XmlFragment)
 const binding = new DomBinding(type, document.querySelector('#content'), { scrollingElement: document.scrollingElement })
diff --git a/examples/prosemirror.html b/examples/prosemirror.html
index 782ff551..74279f0f 100644
--- a/examples/prosemirror.html
+++ b/examples/prosemirror.html
@@ -48,6 +48,7 @@
 <div id="editor" style="margin-bottom: 23px"></div>
 <div style="display: none" id="content"></div>
   </div>
+  <!-- The actual source file for the following code is found in ./prosemirror.js. Run `npm run watch` to compile the files -->
   <script class="code-js" src="./build/prosemirror.js">
 import * as Y from 'yjs'
 import { WebsocketProvider } from '../provider/websocket.js'
diff --git a/examples/prosemirror.js b/examples/prosemirror.js
index a0a373d7..d97eebfc 100644
--- a/examples/prosemirror.js
+++ b/examples/prosemirror.js
@@ -1,6 +1,8 @@
 import * as Y from '../index.js'
 import { WebsocketProvider } from '../provider/websocket.js'
-import { prosemirrorPlugin, cursorPlugin } from '../bindings/prosemirror'
+import { prosemirrorPlugin, cursorPlugin } from '../bindings/prosemirror.js'
+
+import * as conf from './exampleConfig.js'
 
 import { EditorState } from 'prosemirror-state'
 import { EditorView } from 'prosemirror-view'
@@ -8,7 +10,7 @@ import { DOMParser } from 'prosemirror-model'
 import { schema } from 'prosemirror-schema-basic'
 import { exampleSetup } from 'prosemirror-example-setup'
 
-const provider = new WebsocketProvider('wss://api.yjs.website')
+const provider = new WebsocketProvider(conf.serverAddress)
 const ydocument = provider.get('prosemirror')
 const type = ydocument.define('prosemirror', Y.XmlFragment)
 
diff --git a/examples/quill.html b/examples/quill.html
index d893ae71..c4cc5b11 100644
--- a/examples/quill.html
+++ b/examples/quill.html
@@ -13,6 +13,7 @@
   </div>
 </div>
   </div>
+  <!-- The actual source file for the following code is found in ./quill.js. Run `npm run watch` to compile the files -->
   <script class="code-js" src="./build/quill.js">
 import * as Y from 'yjs'
 import { WebsocketProvider } from 'yjs/provider/websocket.js'
diff --git a/examples/quill.js b/examples/quill.js
index ae031370..1431924f 100644
--- a/examples/quill.js
+++ b/examples/quill.js
@@ -2,9 +2,11 @@ import * as Y from '../index.js'
 import { WebsocketProvider } from '../provider/websocket.js'
 import { QuillBinding } from '../bindings/quill.js'
 
+import * as conf from './exampleConfig.js'
+
 import Quill from 'quill'
 
-const provider = new WebsocketProvider('wss://api.yjs.website')
+const provider = new WebsocketProvider(conf.serverAddress)
 const ydocument = provider.get('quill')
 const ytext = ydocument.define('quill', Y.Text)
 
diff --git a/examples/textarea.html b/examples/textarea.html
index a8d1b7da..bda95d4c 100644
--- a/examples/textarea.html
+++ b/examples/textarea.html
@@ -10,6 +10,7 @@
 
 <textarea style="width:80%;" rows=40 autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"></textarea>
   </div>
+  <!-- The actual source file for the following code is found in ./textarea.js. Run `npm run watch` to compile the files -->
   <script class="code-js" src="./build/textarea.js">
 import * as Y from 'yjs'
 import { WebsocketProvider } from 'yjs/provider/websocket.js'
diff --git a/examples/textarea.js b/examples/textarea.js
index 19eb14c5..79497509 100644
--- a/examples/textarea.js
+++ b/examples/textarea.js
@@ -2,7 +2,9 @@ import * as Y from '../index.js'
 import { WebsocketProvider } from '../provider/websocket.js'
 import { TextareaBinding } from '../bindings/textarea.js'
 
-const provider = new WebsocketProvider('wss://api.yjs.website')
+import * as conf from './exampleConfig.js'
+
+const provider = new WebsocketProvider(conf.serverAddress)
 const ydocument = provider.get('textarea')
 const type = ydocument.define('textarea', Y.Text)
 const textarea = document.querySelector('textarea')