diff --git a/packages/docs/package.json b/packages/docs/package.json
index 97b41b36c7c..e5eae3b290f 100644
--- a/packages/docs/package.json
+++ b/packages/docs/package.json
@@ -19,7 +19,7 @@
   },
   "devDependencies": {
     "@builder.io/partytown": "^0.5.4",
-    "@builder.io/qwik": "0.0.20-8",
+    "@builder.io/qwik": "0.0.20",
     "@builder.io/qwik-city": "0.0.6",
     "@cloudflare/kv-asset-handler": "0.2.0",
     "@cloudflare/workers-types": "^3.10.0",
diff --git a/packages/docs/public/repl/repl-server.html b/packages/docs/public/repl/repl-server.html
index 1920eca981b..5aa925fc98e 100644
--- a/packages/docs/public/repl/repl-server.html
+++ b/packages/docs/public/repl/repl-server.html
@@ -25,105 +25,124 @@
     </style>
   </head>
   <body>
-    <script type="module">
-      const clientId = location.hash.split('#')[1];
+    <script>
+      (() => {
+        const clientId = location.hash.split('#')[1];
 
-      const updateApp = (result) => {
-        const iframe = document.createElement('iframe');
-        iframe.classList.add('loading');
-        iframe.src = `/repl/${result.clientId}/`;
-        iframe.dataset.buildId = result.buildId;
+        const updateApp = (result) => {
+          const iframe = document.createElement('iframe');
+          iframe.classList.add('loading');
+          iframe.src = `/repl/${result.clientId}/`;
+          iframe.dataset.buildId = result.buildId;
 
-        iframe.addEventListener('load', () => {
-          if (!iframe.nextElementSibling) {
-            // last iframe is the active one, others before it should get removed
-            iframe.classList.remove('loading');
-            const iframes = iframe.parentElement.querySelectorAll('iframe');
-            for (let i = iframes.length - 1; i >= 0; i--) {
-              const otherIframe = iframes[i];
-              if (otherIframe !== iframe) {
-                otherIframe.remove();
+          iframe.addEventListener('load', () => {
+            if (!iframe.nextElementSibling) {
+              // last iframe is the active one, others before it should get removed
+              iframe.classList.remove('loading');
+              const iframes = iframe.parentElement.querySelectorAll('iframe');
+              for (let i = iframes.length - 1; i >= 0; i--) {
+                const otherIframe = iframes[i];
+                if (otherIframe !== iframe) {
+                  otherIframe.remove();
+                }
               }
             }
-          }
-        });
+          });
 
-        document.body.appendChild(iframe);
-      };
+          document.body.appendChild(iframe);
+        };
 
-      let swRegistration = null;
+        let swRegistration = null;
 
-      const receiveMessageFromMainApp = (ev) => {
-        if (swRegistration && swRegistration.active) {
-          try {
-            if (ev.data) {
-              swRegistration.active.postMessage(ev.data);
+        const receiveMessageFromMainApp = (ev) => {
+          if (swRegistration && swRegistration.active) {
+            try {
+              if (ev.data) {
+                swRegistration.active.postMessage(ev.data);
+              }
+            } catch (e) {
+              console.error('receiveMessageFromMainApp', e, ev.data);
             }
-          } catch (e) {
-            console.error('receiveMessageFromMainApp', e, ev.data);
           }
-        }
-      };
-
-      const sendMessageToMain = (msg) => {
-        if (window.parent !== window && msg.clientId === clientId) {
-          window.parent.postMessage(msg, '*');
-        }
-      };
+        };
 
-      const receiveMessageFromSw = (ev) => {
-        const msg = ev.data;
-        if (msg) {
-          sendMessageToMain(msg);
-          if (msg.type === 'result') {
-            updateApp(msg);
+        const sendMessageToMain = (msg) => {
+          if (window.parent !== window && msg.clientId === clientId) {
+            window.parent.postMessage(msg, '*');
           }
-        }
-      };
+        };
 
-      const receiveMessageFromUserApp = (ev) => {
-        if (ev.data) {
-          const msg = JSON.parse(ev.data);
-          if (msg?.type === 'event') {
+        const receiveMessageFromSw = (ev) => {
+          const msg = ev.data;
+          if (msg) {
             sendMessageToMain(msg);
+            if (msg.type === 'result') {
+              updateApp(msg);
+            }
           }
-        }
-      };
+        };
 
-      const replReady = () => {
-        console.debug(`Qwik REPL server "${clientId}" ready`);
-        navigator.serviceWorker.addEventListener('message', receiveMessageFromSw);
-        window.addEventListener('message', receiveMessageFromUserApp);
-        sendMessageToMain({ type: 'replready', clientId: clientId });
-      };
+        const receiveMessageFromUserApp = (ev) => {
+          if (ev.data) {
+            const msg = JSON.parse(ev.data);
+            if (msg?.type === 'event') {
+              sendMessageToMain(msg);
+            }
+          }
+        };
+
+        let loadTmr = null;
+
+        const replReady = () => {
+          clearTimeout(loadTmr);
+          console.debug(`Qwik REPL server "${clientId}" ready`);
+          navigator.serviceWorker.addEventListener('message', receiveMessageFromSw);
+          window.addEventListener('message', receiveMessageFromUserApp);
+          sendMessageToMain({ type: 'replready', clientId: clientId });
+        };
 
-      if (clientId) {
-        navigator.serviceWorker
-          .register('/repl/repl-sw.js', {
-            scope: '/repl/',
-          })
-          .then(
-            (reg) => {
-              swRegistration = reg;
-              if (swRegistration.active) {
-                replReady();
-              } else if (swRegistration.installing) {
-                swRegistration.installing.addEventListener('statechange', (ev) => {
-                  if (ev.target.state == 'activated') {
-                    replReady();
-                  }
-                });
+        if (clientId) {
+          loadTmr = setTimeout(() => {
+            console.error(`Qwik REPL server "${clientId}" has not initialized`);
+          }, 10000);
+
+          navigator.serviceWorker
+            .register('/repl/repl-sw.js', {
+              scope: '/repl/',
+            })
+            .then(
+              (reg) => {
+                swRegistration = reg;
+                if (swRegistration.active) {
+                  console.debug(
+                    `Qwik REPL server "${clientId}" service worker registration active`
+                  );
+                  replReady();
+                } else if (swRegistration.installing) {
+                  swRegistration.installing.addEventListener('statechange', (ev) => {
+                    if (ev.target.state == 'activated') {
+                      replReady();
+                    } else {
+                      console.debug(
+                        `Qwik REPL server "${clientId}" statechange: ${ev.target.state}`
+                      );
+                    }
+                  });
+                }
+              },
+              (err) => {
+                console.error(
+                  `Qwik REPL Server "${clientId}" service worker registration failed:`,
+                  err
+                );
               }
-            },
-            (err) => {
-              console.error('Repl Service worker registration failed:', err);
-            }
-          );
+            );
 
-        window.addEventListener('message', receiveMessageFromMainApp);
-      } else {
-        console.error('Qwik REPL server missing client id');
-      }
+          window.addEventListener('message', receiveMessageFromMainApp);
+        } else {
+          console.error('Qwik REPL server missing client id');
+        }
+      })();
     </script>
   </body>
 </html>
diff --git a/packages/docs/src/components/head/head.tsx b/packages/docs/src/components/head/head.tsx
index c549070a8bf..f0394e72234 100644
--- a/packages/docs/src/components/head/head.tsx
+++ b/packages/docs/src/components/head/head.tsx
@@ -7,6 +7,9 @@ export const Head = () => (
     <title>Qwik</title>
     <meta name="viewport" content="width=device-width" />
 
+    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net/" />
+    <link rel="dns-prefetch" href="https://cdn.builder.io/" />
+
     <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
     <link rel="icon" href="/favicons/favicon.svg" type="image/svg+xml" />
 
@@ -50,11 +53,10 @@ j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
     />
 
     <script
-      src="//cdn.jsdelivr.net/npm/@builder.io/persist-attribution@latest/dist/persist-attribution.min.js"
+      type="text/partytown"
+      src="https://cdn.jsdelivr.net/npm/@builder.io/persist-attribution@0.0.1-beta-2/dist/persist-attribution.min.js"
       id="persist-attribution-init"
       data-send-page-view-events="true"
-      async
-      defer
     />
   </>
 );
diff --git a/packages/docs/src/components/header/header.tsx b/packages/docs/src/components/header/header.tsx
index 116a78704f6..686f8ce903b 100644
--- a/packages/docs/src/components/header/header.tsx
+++ b/packages/docs/src/components/header/header.tsx
@@ -44,21 +44,21 @@ export const Header = component$(
                 <span>Docs</span>
               </a>
             </li>
-            {/* <li>
+            <li>
               <a href="/examples/introduction/hello-world" onClickQrl={closeMenu}>
                 <span>Examples</span>
               </a>
-            </li> */}
+            </li>
             {/* <li>
               <a href="/tutorial/introduction/basics" onClickQrl={closeMenu}>
                 <span>Tutorial</span>
               </a>
             </li> */}
-            {/* <li>
+            <li>
               <a href="/playground" onClickQrl={closeMenu}>
                 <span>Playground</span>
               </a>
-            </li> */}
+            </li>
             <li>
               <a href="https://github.com/BuilderIO/qwik" target="_blank" onClickQrl={closeMenu}>
                 <span class="md:hidden">Github</span>
diff --git a/packages/docs/src/components/repl/repl-options.tsx b/packages/docs/src/components/repl/repl-options.tsx
index 01d60762c14..fff733198de 100644
--- a/packages/docs/src/components/repl/repl-options.tsx
+++ b/packages/docs/src/components/repl/repl-options.tsx
@@ -2,7 +2,7 @@ import type { ReplAppInput } from './types';
 
 export const ReplOptions = ({ input, versions }: ReplOptionsProps) => {
   return (
-    <div class="output-detail detail-options" key="options">
+    <div class="output-detail detail-options">
       <StoreOption
         label="Entry Strategy"
         inputProp="entryStrategy"
diff --git a/packages/docs/src/components/repl/repl-version.ts b/packages/docs/src/components/repl/repl-version.ts
index 468e883a800..079eff99390 100644
--- a/packages/docs/src/components/repl/repl-version.ts
+++ b/packages/docs/src/components/repl/repl-version.ts
@@ -1,3 +1,5 @@
+/* eslint-disable no-console */
+
 export const getReplVersion = async (version: string | undefined) => {
   let versions: string[] = [];
   let npmData: NpmData | null = null;
@@ -6,14 +8,17 @@ export const getReplVersion = async (version: string | undefined) => {
     npmData = JSON.parse(localStorage.getItem(NPM_STORAGE_KEY)!);
     if (isExpiredNpmData(npmData)) {
       // fetch most recent NPM version data
+      console.debug(`Qwik REPL, fetch npm data: ${QWIK_NPM_DATA}`);
       const npmRsp = await fetch(QWIK_NPM_DATA);
       npmData = await npmRsp.json();
       npmData!.timestamp = Date.now();
 
       localStorage.setItem(NPM_STORAGE_KEY, JSON.stringify(npmData));
+    } else {
+      console.debug(`Qwik REPL, using cached npm data`);
     }
   } catch (e) {
-    console.warn(e);
+    console.warn('getReplVersion', e);
   }
 
   if (npmData && Array.isArray(npmData.versions)) {
@@ -22,6 +27,7 @@ export const getReplVersion = async (version: string | undefined) => {
         return true;
       }
       if (npmData?.tags.latest === v || npmData?.tags.next === v) {
+        // always include "latest" and "next" tags
         return true;
       }
       if (v.includes('-')) {
@@ -34,7 +40,7 @@ export const getReplVersion = async (version: string | undefined) => {
         return false;
       }
       if (isNaN(parts[2] as any)) {
-        // last part must have letters in it
+        // last part cannot have letters in it
         return false;
       }
       // mini-semver check, must be >= than 0.0.20
@@ -53,10 +59,24 @@ export const getReplVersion = async (version: string | undefined) => {
       } else if (versions.includes(npmData.tags.next)) {
         // fallback to "next" if "latset" isn't valid
         version = npmData.tags.next;
+      } else {
+        version = versions[0];
       }
     }
   }
 
+  if (!npmData) {
+    console.debug(`Qwik REPL, npm data not found`);
+  }
+
+  if (!Array.isArray(versions) || versions.length === 0) {
+    console.debug(`Qwik REPL, versions not found`);
+  }
+
+  if (!version) {
+    console.debug(`Qwik REPL, version not found`);
+  }
+
   return { version, versions };
 };
 
diff --git a/packages/docs/src/components/repl/repl.tsx b/packages/docs/src/components/repl/repl.tsx
index 9d06a7f62ba..92ff8b8d4f7 100644
--- a/packages/docs/src/components/repl/repl.tsx
+++ b/packages/docs/src/components/repl/repl.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable no-console */
 import {
   component$,
   Host,
@@ -85,6 +86,8 @@ export const Repl = component$(async (props: ReplProps) => {
       store.serverUrl = `/repl/repl-server.html#${store.clientId}`;
 
       window.addEventListener('message', (ev) => receiveMessageFromReplServer(ev, store));
+    } else {
+      console.debug(`Qwik REPL version not set`);
     }
   });
 
diff --git a/packages/docs/src/layouts/playground/playground.tsx b/packages/docs/src/layouts/playground/playground.tsx
index 25330438b2d..01e5a1b320e 100644
--- a/packages/docs/src/layouts/playground/playground.tsx
+++ b/packages/docs/src/layouts/playground/playground.tsx
@@ -28,55 +28,54 @@ const Playground = component$(() => {
       entryStrategy: 'hook',
       colResizeActive: false,
       colLeft: 50,
-      hasReadParams: false,
       shareLinkTmr: null,
     };
     return initStore;
   });
 
-  // TODO: Why can there only be one useClientEffect$()?
-  useClientEffect$((track) => {
-    track(store, 'buildId');
-    track(store, 'buildMode');
-    track(store, 'entryStrategy');
-    track(store, 'files');
-    track(store, 'version');
+  useClientEffect$(() => {
+    // run once on the client
+    const loc = getLocation(document);
+    const shareable = loc.hash.slice(1);
+    if (shareable.length > 0) {
+      try {
+        const params = new URLSearchParams(shareable);
 
-    if (!store.hasReadParams) {
-      store.hasReadParams = true;
+        store.version = params.get('version') || '';
 
-      const loc = getLocation(document);
-      const shareable = loc.hash.slice(1);
-      if (shareable.length > 0) {
-        try {
-          const params = new URLSearchParams(shareable);
-
-          store.version = params.get('version') || '';
-
-          const buildMode = params.get('buildMode')!;
-          if (BUILD_MODE_OPTIONS.includes(buildMode)) {
-            store.buildMode = buildMode as any;
-          }
+        const buildMode = params.get('buildMode')!;
+        if (BUILD_MODE_OPTIONS.includes(buildMode)) {
+          store.buildMode = buildMode as any;
+        }
 
-          const entryStrategy = params.get('entryStrategy')!;
-          if (ENTRY_STRATEGY_OPTIONS.includes(entryStrategy)) {
-            store.entryStrategy = entryStrategy as any;
-          }
+        const entryStrategy = params.get('entryStrategy')!;
+        if (ENTRY_STRATEGY_OPTIONS.includes(entryStrategy)) {
+          store.entryStrategy = entryStrategy as any;
+        }
 
-          const encodedFiles = params.get('files')!;
-          if (encodedFiles) {
-            const files: ReplModuleInput[] = JSON.parse(decodeURIComponent(atob(encodedFiles)));
-            if (Array.isArray(files)) {
-              store.files = files.filter(
-                (f) => typeof f.code === 'string' && typeof f.path === 'string'
-              );
-            }
+        const encodedFiles = params.get('files')!;
+        if (encodedFiles) {
+          const files: ReplModuleInput[] = JSON.parse(decodeURIComponent(atob(encodedFiles)));
+          if (Array.isArray(files)) {
+            store.files = files.filter(
+              (f) => typeof f.code === 'string' && typeof f.path === 'string'
+            );
           }
-        } catch (e) {
-          console.error(e);
         }
+      } catch (e) {
+        console.error(e);
       }
-    } else if (store.version) {
+    }
+  });
+
+  useClientEffect$((track) => {
+    track(store, 'buildId');
+    track(store, 'buildMode');
+    track(store, 'entryStrategy');
+    track(store, 'files');
+    track(store, 'version');
+
+    if (store.version) {
       clearTimeout(store.shareLinkTmr);
 
       store.shareLinkTmr = setTimeout(() => {
@@ -149,7 +148,6 @@ export interface PlaygroundStore extends ReplAppInput {
   colResizeActive: boolean;
   colLeft: number;
   shareLinkTmr: any;
-  hasReadParams: boolean;
 }
 
 export default Playground;
diff --git a/packages/qwik-city/package.json b/packages/qwik-city/package.json
index 4e189946e3d..b3952e71e2d 100644
--- a/packages/qwik-city/package.json
+++ b/packages/qwik-city/package.json
@@ -15,7 +15,7 @@
     "@types/mdx": "2.0.2"
   },
   "devDependencies": {
-    "@builder.io/qwik": "0.0.20-8",
+    "@builder.io/qwik": "0.0.20",
     "@microsoft/api-extractor": "7.24.0",
     "@types/github-slugger": "^1.3.0",
     "@types/marked": "^4.0.3",
diff --git a/yarn.lock b/yarn.lock
index 843324618df..15abbbf8cc4 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -413,7 +413,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@builder.io/qwik-city@workspace:packages/qwik-city"
   dependencies:
-    "@builder.io/qwik": 0.0.20-8
+    "@builder.io/qwik": 0.0.20
     "@mdx-js/mdx": ^2.1.1
     "@microsoft/api-extractor": 7.24.0
     "@types/github-slugger": ^1.3.0
@@ -450,14 +450,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@builder.io/qwik@npm:0.0.20-8":
-  version: 0.0.20-8
-  resolution: "@builder.io/qwik@npm:0.0.20-8"
-  checksum: 2a67a7f484a3f4bd3a7ddf74608422b3a8fcd4df3e5e9e608b51f10095e785de557bcaf3fd4df3e595bf58e3195ce56223828019a6ebc5178a92ccc901c60ea7
-  languageName: node
-  linkType: hard
-
-"@builder.io/qwik@workspace:packages/qwik":
+"@builder.io/qwik@0.0.20, @builder.io/qwik@workspace:packages/qwik":
   version: 0.0.0-use.local
   resolution: "@builder.io/qwik@workspace:packages/qwik"
   languageName: unknown
@@ -7627,7 +7620,7 @@ __metadata:
   resolution: "qwik-docs@workspace:packages/docs"
   dependencies:
     "@builder.io/partytown": ^0.5.4
-    "@builder.io/qwik": 0.0.20-8
+    "@builder.io/qwik": 0.0.20
     "@builder.io/qwik-city": 0.0.6
     "@cloudflare/kv-asset-handler": 0.2.0
     "@cloudflare/workers-types": ^3.10.0
