From 220536fa8d938209d26fa654ad4add5971c3b506 Mon Sep 17 00:00:00 2001
From: Jack Shelton <104264123+thejackshelton@users.noreply.github.com>
Date: Tue, 2 Jul 2024 22:33:00 -0500
Subject: [PATCH] refactor: simplify CLI starters (#6632)

---
 .../src/run-create-interactive-cli.ts         |   5 +-
 scripts/validate-cli.ts                       |   3 +-
 starters/apps/empty/package.json              |   2 +-
 starters/apps/library/package.json            |   4 +-
 .../apps/{basic => playground}/package.json   |   4 +-
 .../{basic => playground}/public/favicon.svg  |   0
 .../public/fonts/poppins-400.woff2            | Bin
 .../public/fonts/poppins-500.woff2            | Bin
 .../public/fonts/poppins-700.woff2            | Bin
 .../public/manifest.json                      |   0
 .../{basic => playground}/public/robots.txt   |   0
 .../components/router-head/router-head.tsx    |   0
 .../starter/counter/counter.module.css        |   0
 .../components/starter/counter/counter.tsx    |   0
 .../starter/footer/footer.module.css          |   0
 .../src/components/starter/footer/footer.tsx  |   0
 .../components/starter/gauge/gauge.module.css |   0
 .../src/components/starter/gauge/index.tsx    |   0
 .../starter/header/header.module.css          |   0
 .../src/components/starter/header/header.tsx  |   0
 .../components/starter/hero/hero.module.css   |   0
 .../src/components/starter/hero/hero.tsx      |   0
 .../src/components/starter/icons/qwik.tsx     |   0
 .../starter/infobox/infobox.module.css        |   0
 .../components/starter/infobox/infobox.tsx    |   0
 .../starter/next-steps/next-steps.module.css  |   0
 .../starter/next-steps/next-steps.tsx         |   0
 .../apps/{basic => playground}/src/global.css |   0
 .../src/media/thunder.png                     | Bin
 .../apps/{basic => playground}/src/root.tsx   |   0
 .../src/routes/demo/flower/flower.css         |   0
 .../src/routes/demo/flower/index.tsx          |   0
 .../src/routes/demo/todolist/index.tsx        |   0
 .../routes/demo/todolist/todolist.module.css  |   0
 .../src/routes/index.tsx                      |   0
 .../src/routes/layout.tsx                     |   0
 .../src/routes/service-worker.ts              |   0
 .../src/routes/styles.css                     |   0
 starters/apps/site-with-visual-cms/.env       |   2 -
 starters/apps/site-with-visual-cms/README.md  |  15 --
 .../apps/site-with-visual-cms/package.json    |  17 ---
 .../site-with-visual-cms/public/favicon.svg   |   1 -
 .../site-with-visual-cms/public/manifest.json |   9 --
 .../site-with-visual-cms/public/robots.txt    |   0
 .../src/components/builder-registry.ts        |  25 ----
 .../src/components/counter/counter.module.css |  23 ----
 .../src/components/counter/counter.tsx        |  81 -----------
 .../src/components/footer/footer.module.css   |  17 ---
 .../src/components/footer/footer.tsx          |  14 --
 .../src/components/gauge/gauge.module.css     |  22 ---
 .../src/components/gauge/index.tsx            |  36 -----
 .../src/components/header/header.module.css   |  50 -------
 .../src/components/header/header.tsx          |  43 ------
 .../src/components/icons/qwik.tsx             |  44 ------
 .../components/router-head/router-head.tsx    |  32 -----
 .../site-with-visual-cms/src/entry.dev.tsx    |  17 ---
 .../src/entry.preview.tsx                     |  20 ---
 .../site-with-visual-cms/src/entry.ssr.tsx    |  33 -----
 .../apps/site-with-visual-cms/src/global.css  | 128 ------------------
 .../apps/site-with-visual-cms/src/root.tsx    |  32 -----
 .../src/routes/[...index]/index.tsx           |  61 ---------
 .../src/routes/layout.tsx                     |  15 --
 .../src/routes/service-worker.ts              |  18 ---
 .../apps/site-with-visual-cms/vite.config.ts  |  11 --
 64 files changed, 10 insertions(+), 774 deletions(-)
 rename starters/apps/{basic => playground}/package.json (61%)
 rename starters/apps/{basic => playground}/public/favicon.svg (100%)
 rename starters/apps/{basic => playground}/public/fonts/poppins-400.woff2 (100%)
 rename starters/apps/{basic => playground}/public/fonts/poppins-500.woff2 (100%)
 rename starters/apps/{basic => playground}/public/fonts/poppins-700.woff2 (100%)
 rename starters/apps/{basic => playground}/public/manifest.json (100%)
 rename starters/apps/{basic => playground}/public/robots.txt (100%)
 rename starters/apps/{basic => playground}/src/components/router-head/router-head.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/counter/counter.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/counter/counter.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/footer/footer.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/footer/footer.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/gauge/gauge.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/gauge/index.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/header/header.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/header/header.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/hero/hero.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/hero/hero.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/icons/qwik.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/infobox/infobox.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/infobox/infobox.tsx (100%)
 rename starters/apps/{basic => playground}/src/components/starter/next-steps/next-steps.module.css (100%)
 rename starters/apps/{basic => playground}/src/components/starter/next-steps/next-steps.tsx (100%)
 rename starters/apps/{basic => playground}/src/global.css (100%)
 rename starters/apps/{basic => playground}/src/media/thunder.png (100%)
 rename starters/apps/{basic => playground}/src/root.tsx (100%)
 rename starters/apps/{basic => playground}/src/routes/demo/flower/flower.css (100%)
 rename starters/apps/{basic => playground}/src/routes/demo/flower/index.tsx (100%)
 rename starters/apps/{basic => playground}/src/routes/demo/todolist/index.tsx (100%)
 rename starters/apps/{basic => playground}/src/routes/demo/todolist/todolist.module.css (100%)
 rename starters/apps/{basic => playground}/src/routes/index.tsx (100%)
 rename starters/apps/{basic => playground}/src/routes/layout.tsx (100%)
 rename starters/apps/{basic => playground}/src/routes/service-worker.ts (100%)
 rename starters/apps/{basic => playground}/src/routes/styles.css (100%)
 delete mode 100644 starters/apps/site-with-visual-cms/.env
 delete mode 100644 starters/apps/site-with-visual-cms/README.md
 delete mode 100644 starters/apps/site-with-visual-cms/package.json
 delete mode 100644 starters/apps/site-with-visual-cms/public/favicon.svg
 delete mode 100644 starters/apps/site-with-visual-cms/public/manifest.json
 delete mode 100644 starters/apps/site-with-visual-cms/public/robots.txt
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/builder-registry.ts
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/counter/counter.module.css
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/counter/counter.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/footer/footer.module.css
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/footer/footer.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/gauge/gauge.module.css
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/gauge/index.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/header/header.module.css
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/header/header.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/icons/qwik.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/components/router-head/router-head.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/entry.dev.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/entry.preview.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/entry.ssr.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/global.css
 delete mode 100644 starters/apps/site-with-visual-cms/src/root.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/routes/[...index]/index.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/routes/layout.tsx
 delete mode 100644 starters/apps/site-with-visual-cms/src/routes/service-worker.ts
 delete mode 100644 starters/apps/site-with-visual-cms/vite.config.ts

diff --git a/packages/create-qwik/src/run-create-interactive-cli.ts b/packages/create-qwik/src/run-create-interactive-cli.ts
index d467a97afef..788bf5228be 100644
--- a/packages/create-qwik/src/run-create-interactive-cli.ts
+++ b/packages/create-qwik/src/run-create-interactive-cli.ts
@@ -43,7 +43,10 @@ export async function runCreateInteractiveCli(): Promise<CreateAppResult> {
     throw new Error('Base app not found');
   }
 
-  const starterApps = templateManager.templates.filter((a) => a.id !== baseApp.id);
+  // sorted alphabetically
+  const starterApps = templateManager.templates
+    .filter((a) => a.id !== baseApp.id)
+    .sort((a, b) => a.name.localeCompare(b.name));
 
   const outDir: string = resolveRelativeDir(projectNameAnswer.trim());
   baseApp.target = outDir;
diff --git a/scripts/validate-cli.ts b/scripts/validate-cli.ts
index 7d88e52b69d..0840a65b6b7 100644
--- a/scripts/validate-cli.ts
+++ b/scripts/validate-cli.ts
@@ -44,9 +44,8 @@ async function validateCreateQwikCli() {
   const tmpDir = join(__dirname, '..', 'dist-dev');
 
   await Promise.all([
-    validateStarter(api, tmpDir, 'basic', true, `👻`),
+    validateStarter(api, tmpDir, 'playground', true, `👻`),
     validateStarter(api, tmpDir, 'empty', true, `🫙`),
-    validateStarter(api, tmpDir, 'site-with-visual-cms', true, `😈`),
     validateStarter(api, tmpDir, 'library', false, `📚`),
   ]).catch((e) => {
     console.error(e);
diff --git a/starters/apps/empty/package.json b/starters/apps/empty/package.json
index 8ef63d4d9b7..96020d4a21f 100644
--- a/starters/apps/empty/package.json
+++ b/starters/apps/empty/package.json
@@ -1,6 +1,6 @@
 {
   "name": "qwik-empty-starter",
-  "description": "App with Routing built-in ready to create your app",
+  "description": "Blank project with routing included",
   "type": "module",
   "__qwik__": {
     "priority": 1,
diff --git a/starters/apps/library/package.json b/starters/apps/library/package.json
index 1fec5dc0978..ed7ab48d57b 100644
--- a/starters/apps/library/package.json
+++ b/starters/apps/library/package.json
@@ -1,6 +1,6 @@
 {
   "name": "qwik-library-name",
-  "description": "Create a reusable Qwik component library",
+  "description": "Create a Qwik library",
   "version": "0.0.1",
   "private": false,
   "main": "./lib/index.qwik.mjs",
@@ -48,7 +48,7 @@
     "vite-tsconfig-paths": "^4.2.1"
   },
   "__qwik__": {
-    "displayName": "Component library (Qwik)",
+    "displayName": "Library (Qwik)",
     "priority": -1,
     "docs": [
       "https://qwik.dev/docs/getting-started/"
diff --git a/starters/apps/basic/package.json b/starters/apps/playground/package.json
similarity index 61%
rename from starters/apps/basic/package.json
rename to starters/apps/playground/package.json
index 4023e181cbe..cea100fc5ec 100644
--- a/starters/apps/basic/package.json
+++ b/starters/apps/playground/package.json
@@ -1,10 +1,10 @@
 {
   "name": "qwik-basic-starter",
-  "description": "Demo App with Routing built-in (recommended)",
+  "description": "Demo app with sample routes",
   "type": "module",
   "__qwik__": {
     "priority": 2,
-    "displayName": "Basic App (Qwik City + Qwik)",
+    "displayName": "Playground App (Qwik City + Qwik)",
     "qwikCity": true,
     "docs": [
       "https://qwik.dev/docs/getting-started/"
diff --git a/starters/apps/basic/public/favicon.svg b/starters/apps/playground/public/favicon.svg
similarity index 100%
rename from starters/apps/basic/public/favicon.svg
rename to starters/apps/playground/public/favicon.svg
diff --git a/starters/apps/basic/public/fonts/poppins-400.woff2 b/starters/apps/playground/public/fonts/poppins-400.woff2
similarity index 100%
rename from starters/apps/basic/public/fonts/poppins-400.woff2
rename to starters/apps/playground/public/fonts/poppins-400.woff2
diff --git a/starters/apps/basic/public/fonts/poppins-500.woff2 b/starters/apps/playground/public/fonts/poppins-500.woff2
similarity index 100%
rename from starters/apps/basic/public/fonts/poppins-500.woff2
rename to starters/apps/playground/public/fonts/poppins-500.woff2
diff --git a/starters/apps/basic/public/fonts/poppins-700.woff2 b/starters/apps/playground/public/fonts/poppins-700.woff2
similarity index 100%
rename from starters/apps/basic/public/fonts/poppins-700.woff2
rename to starters/apps/playground/public/fonts/poppins-700.woff2
diff --git a/starters/apps/basic/public/manifest.json b/starters/apps/playground/public/manifest.json
similarity index 100%
rename from starters/apps/basic/public/manifest.json
rename to starters/apps/playground/public/manifest.json
diff --git a/starters/apps/basic/public/robots.txt b/starters/apps/playground/public/robots.txt
similarity index 100%
rename from starters/apps/basic/public/robots.txt
rename to starters/apps/playground/public/robots.txt
diff --git a/starters/apps/basic/src/components/router-head/router-head.tsx b/starters/apps/playground/src/components/router-head/router-head.tsx
similarity index 100%
rename from starters/apps/basic/src/components/router-head/router-head.tsx
rename to starters/apps/playground/src/components/router-head/router-head.tsx
diff --git a/starters/apps/basic/src/components/starter/counter/counter.module.css b/starters/apps/playground/src/components/starter/counter/counter.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/counter/counter.module.css
rename to starters/apps/playground/src/components/starter/counter/counter.module.css
diff --git a/starters/apps/basic/src/components/starter/counter/counter.tsx b/starters/apps/playground/src/components/starter/counter/counter.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/counter/counter.tsx
rename to starters/apps/playground/src/components/starter/counter/counter.tsx
diff --git a/starters/apps/basic/src/components/starter/footer/footer.module.css b/starters/apps/playground/src/components/starter/footer/footer.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/footer/footer.module.css
rename to starters/apps/playground/src/components/starter/footer/footer.module.css
diff --git a/starters/apps/basic/src/components/starter/footer/footer.tsx b/starters/apps/playground/src/components/starter/footer/footer.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/footer/footer.tsx
rename to starters/apps/playground/src/components/starter/footer/footer.tsx
diff --git a/starters/apps/basic/src/components/starter/gauge/gauge.module.css b/starters/apps/playground/src/components/starter/gauge/gauge.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/gauge/gauge.module.css
rename to starters/apps/playground/src/components/starter/gauge/gauge.module.css
diff --git a/starters/apps/basic/src/components/starter/gauge/index.tsx b/starters/apps/playground/src/components/starter/gauge/index.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/gauge/index.tsx
rename to starters/apps/playground/src/components/starter/gauge/index.tsx
diff --git a/starters/apps/basic/src/components/starter/header/header.module.css b/starters/apps/playground/src/components/starter/header/header.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/header/header.module.css
rename to starters/apps/playground/src/components/starter/header/header.module.css
diff --git a/starters/apps/basic/src/components/starter/header/header.tsx b/starters/apps/playground/src/components/starter/header/header.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/header/header.tsx
rename to starters/apps/playground/src/components/starter/header/header.tsx
diff --git a/starters/apps/basic/src/components/starter/hero/hero.module.css b/starters/apps/playground/src/components/starter/hero/hero.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/hero/hero.module.css
rename to starters/apps/playground/src/components/starter/hero/hero.module.css
diff --git a/starters/apps/basic/src/components/starter/hero/hero.tsx b/starters/apps/playground/src/components/starter/hero/hero.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/hero/hero.tsx
rename to starters/apps/playground/src/components/starter/hero/hero.tsx
diff --git a/starters/apps/basic/src/components/starter/icons/qwik.tsx b/starters/apps/playground/src/components/starter/icons/qwik.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/icons/qwik.tsx
rename to starters/apps/playground/src/components/starter/icons/qwik.tsx
diff --git a/starters/apps/basic/src/components/starter/infobox/infobox.module.css b/starters/apps/playground/src/components/starter/infobox/infobox.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/infobox/infobox.module.css
rename to starters/apps/playground/src/components/starter/infobox/infobox.module.css
diff --git a/starters/apps/basic/src/components/starter/infobox/infobox.tsx b/starters/apps/playground/src/components/starter/infobox/infobox.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/infobox/infobox.tsx
rename to starters/apps/playground/src/components/starter/infobox/infobox.tsx
diff --git a/starters/apps/basic/src/components/starter/next-steps/next-steps.module.css b/starters/apps/playground/src/components/starter/next-steps/next-steps.module.css
similarity index 100%
rename from starters/apps/basic/src/components/starter/next-steps/next-steps.module.css
rename to starters/apps/playground/src/components/starter/next-steps/next-steps.module.css
diff --git a/starters/apps/basic/src/components/starter/next-steps/next-steps.tsx b/starters/apps/playground/src/components/starter/next-steps/next-steps.tsx
similarity index 100%
rename from starters/apps/basic/src/components/starter/next-steps/next-steps.tsx
rename to starters/apps/playground/src/components/starter/next-steps/next-steps.tsx
diff --git a/starters/apps/basic/src/global.css b/starters/apps/playground/src/global.css
similarity index 100%
rename from starters/apps/basic/src/global.css
rename to starters/apps/playground/src/global.css
diff --git a/starters/apps/basic/src/media/thunder.png b/starters/apps/playground/src/media/thunder.png
similarity index 100%
rename from starters/apps/basic/src/media/thunder.png
rename to starters/apps/playground/src/media/thunder.png
diff --git a/starters/apps/basic/src/root.tsx b/starters/apps/playground/src/root.tsx
similarity index 100%
rename from starters/apps/basic/src/root.tsx
rename to starters/apps/playground/src/root.tsx
diff --git a/starters/apps/basic/src/routes/demo/flower/flower.css b/starters/apps/playground/src/routes/demo/flower/flower.css
similarity index 100%
rename from starters/apps/basic/src/routes/demo/flower/flower.css
rename to starters/apps/playground/src/routes/demo/flower/flower.css
diff --git a/starters/apps/basic/src/routes/demo/flower/index.tsx b/starters/apps/playground/src/routes/demo/flower/index.tsx
similarity index 100%
rename from starters/apps/basic/src/routes/demo/flower/index.tsx
rename to starters/apps/playground/src/routes/demo/flower/index.tsx
diff --git a/starters/apps/basic/src/routes/demo/todolist/index.tsx b/starters/apps/playground/src/routes/demo/todolist/index.tsx
similarity index 100%
rename from starters/apps/basic/src/routes/demo/todolist/index.tsx
rename to starters/apps/playground/src/routes/demo/todolist/index.tsx
diff --git a/starters/apps/basic/src/routes/demo/todolist/todolist.module.css b/starters/apps/playground/src/routes/demo/todolist/todolist.module.css
similarity index 100%
rename from starters/apps/basic/src/routes/demo/todolist/todolist.module.css
rename to starters/apps/playground/src/routes/demo/todolist/todolist.module.css
diff --git a/starters/apps/basic/src/routes/index.tsx b/starters/apps/playground/src/routes/index.tsx
similarity index 100%
rename from starters/apps/basic/src/routes/index.tsx
rename to starters/apps/playground/src/routes/index.tsx
diff --git a/starters/apps/basic/src/routes/layout.tsx b/starters/apps/playground/src/routes/layout.tsx
similarity index 100%
rename from starters/apps/basic/src/routes/layout.tsx
rename to starters/apps/playground/src/routes/layout.tsx
diff --git a/starters/apps/basic/src/routes/service-worker.ts b/starters/apps/playground/src/routes/service-worker.ts
similarity index 100%
rename from starters/apps/basic/src/routes/service-worker.ts
rename to starters/apps/playground/src/routes/service-worker.ts
diff --git a/starters/apps/basic/src/routes/styles.css b/starters/apps/playground/src/routes/styles.css
similarity index 100%
rename from starters/apps/basic/src/routes/styles.css
rename to starters/apps/playground/src/routes/styles.css
diff --git a/starters/apps/site-with-visual-cms/.env b/starters/apps/site-with-visual-cms/.env
deleted file mode 100644
index 2b548ab08df..00000000000
--- a/starters/apps/site-with-visual-cms/.env
+++ /dev/null
@@ -1,2 +0,0 @@
-# https://www.builder.io/c/docs/using-your-api-key
-PUBLIC_BUILDER_API_KEY=YOUR_API_KEY
\ No newline at end of file
diff --git a/starters/apps/site-with-visual-cms/README.md b/starters/apps/site-with-visual-cms/README.md
deleted file mode 100644
index 54491ea64ed..00000000000
--- a/starters/apps/site-with-visual-cms/README.md
+++ /dev/null
@@ -1,15 +0,0 @@
-## Builder.io + Qwik
-
-An example of using [Builder.io's](https://www.builder.io/) visual editor with Qwik.
-
-See the catchall route at [src/routes/[...index]/index.tsx](src/routes/[...index]/index.tsx) for the integration code.
-
-Registered components can be found in [src/components/builder-registry.ts](src/components/builder-registry.ts)
-
-### Docs
-
-See our full integration guides [here](https://www.builder.io/c/docs/developers)
-
-Also, when you push your integration to production, go back and update your preview URL to your production URL so now anyone on your team can visuall create content in your Qwik app!
-
-Also, to integrate structured data, see [this guide](https://www.builder.io/c/docs/integrate-cms-data)
diff --git a/starters/apps/site-with-visual-cms/package.json b/starters/apps/site-with-visual-cms/package.json
deleted file mode 100644
index 84cdbb61301..00000000000
--- a/starters/apps/site-with-visual-cms/package.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "name": "qwik-site-with-visual-cms",
-  "description": "Site integrated with Builder.io for visual editing",
-  "devDependencies": {
-    "@builder.io/dev-tools": "^0.0.7",
-    "@builder.io/sdk-qwik": "^0.4.1"
-  },
-  "type": "module",
-  "__qwik__": {
-    "priority": 2,
-    "docs": [
-      "https://www.builder.io/c/docs/quickstart"
-    ],
-    "displayName": "Site with Visual CMS (Qwik City + Qwik)",
-    "qwikCity": true
-  }
-}
diff --git a/starters/apps/site-with-visual-cms/public/favicon.svg b/starters/apps/site-with-visual-cms/public/favicon.svg
deleted file mode 100644
index 0ded7c138b6..00000000000
--- a/starters/apps/site-with-visual-cms/public/favicon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 500 500"><g clip-path="url(#a)"><circle cx="250" cy="250" r="250" fill="#fff"/><path fill="#18B6F6" d="m367.87 418.45-61.17-61.18-.94.13v-.67L175.7 227.53l32.05-31.13L188.9 87.73 99.56 199.09c-15.22 15.42-18.03 40.51-7.08 59.03l55.83 93.11a46.82 46.82 0 0 0 40.73 22.81l27.65-.27 151.18 44.68Z"/><path fill="#AC7EF4" d="m401.25 196.94-12.29-22.81-6.41-11.67-2.54-4.56-.26.26-33.66-58.63a47.07 47.07 0 0 0-41.27-23.75l-29.51.8-88.01.28a47.07 47.07 0 0 0-40.33 23.34L93.4 207l95.76-119.54L314.7 226.19l-22.3 22.67 13.35 108.54.13-.26v.26h-.26l.26.27 10.42 10.2 50.62 49.78c2.13 2 5.6-.4 4.13-2.96l-31.25-61.85 54.5-101.3 1.73-2c.67-.81 1.33-1.62 1.87-2.42a46.8 46.8 0 0 0 3.34-50.18Z"/><path fill="#fff" d="M315.1 225.65 189.18 87.6l17.9 108.14L175 227l130.5 130.27-11.75-108.14 21.37-23.48Z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h500v500H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/starters/apps/site-with-visual-cms/public/manifest.json b/starters/apps/site-with-visual-cms/public/manifest.json
deleted file mode 100644
index c18e75f72a5..00000000000
--- a/starters/apps/site-with-visual-cms/public/manifest.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
-  "name": "qwik-project-name",
-  "short_name": "Welcome to Qwik",
-  "start_url": ".",
-  "display": "standalone",
-  "background_color": "#fff",
-  "description": "A Qwik project app."
-}
diff --git a/starters/apps/site-with-visual-cms/public/robots.txt b/starters/apps/site-with-visual-cms/public/robots.txt
deleted file mode 100644
index e69de29bb2d..00000000000
diff --git a/starters/apps/site-with-visual-cms/src/components/builder-registry.ts b/starters/apps/site-with-visual-cms/src/components/builder-registry.ts
deleted file mode 100644
index d9f7abb5f36..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/builder-registry.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { RegisteredComponent } from "@builder.io/sdk-qwik";
-import Counter from "./counter/counter";
-
-/**
- * This array is used to integrate custom components within Builder.
- * https://www.builder.io/c/docs/custom-components-intro
- *
- * These components will be found the "Custom Components"
- * section of Builder's visual editor.
- * You can also turn on "components only mode" to limit
- * editing to only these components.
- * https://www.builder.io/c/docs/guides/components-only-mode
- */
-export const CUSTOM_COMPONENTS: RegisteredComponent[] = [
-  {
-    component: Counter,
-    name: "Counter",
-    inputs: [
-      {
-        name: "initialValue",
-        type: "number",
-      },
-    ],
-  },
-];
diff --git a/starters/apps/site-with-visual-cms/src/components/counter/counter.module.css b/starters/apps/site-with-visual-cms/src/components/counter/counter.module.css
deleted file mode 100644
index 99168f7ab2a..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/counter/counter.module.css
+++ /dev/null
@@ -1,23 +0,0 @@
-.wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 20px;
-}
-
-.button {
-  background: var(--qwik-dirty-black);
-  border: none;
-  border-radius: 8px;
-  color: white;
-  cursor: pointer;
-  padding: 10px;
-  text-align: center;
-  font-weight: 700;
-  font-size: 2em;
-  min-width: 50px;
-}
-
-.button:hover {
-  background: var(--qwik-dark-blue);
-}
diff --git a/starters/apps/site-with-visual-cms/src/components/counter/counter.tsx b/starters/apps/site-with-visual-cms/src/components/counter/counter.tsx
deleted file mode 100644
index 35a326df519..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/counter/counter.tsx
+++ /dev/null
@@ -1,81 +0,0 @@
-import { component$, useSignal, $ } from "@builder.io/qwik";
-import styles from "./counter.module.css";
-import Gauge from "../gauge";
-
-export default component$((props: { initialValue: number }) => {
-  const count = useSignal(props.initialValue || 99);
-
-  const setCount = $((newValue: number) => {
-    if (newValue >= 0 && newValue <= 100) {
-      count.value = newValue;
-
-      if (newValue === 100) {
-        celebrate();
-      }
-    }
-  });
-
-  return (
-    <div class={styles.wrapper}>
-      <button class={styles.button} onClick$={() => setCount(count.value - 1)}>
-        -
-      </button>
-      <Gauge value={count.value} />
-      <button class={styles.button} onClick$={() => setCount(count.value + 1)}>
-        +
-      </button>
-    </div>
-  );
-});
-
-export const celebrate = $(async () => {
-  const defaults = {
-    spread: 360,
-    ticks: 70,
-    gravity: 0,
-    decay: 0.95,
-    startVelocity: 30,
-    colors: ["006ce9", "ac7ff4", "18b6f6", "713fc2", "ffffff"],
-    origin: {
-      x: 0.5,
-      y: 0.35,
-    },
-  };
-
-  function loadConfetti() {
-    return new Promise<(opts: any) => void>((resolve, reject) => {
-      if ((globalThis as any).confetti) {
-        return resolve((globalThis as any).confetti as any);
-      }
-      const script = document.createElement("script");
-      script.src =
-        "https://cdn.jsdelivr.net/npm/canvas-confetti@1.5.1/dist/confetti.browser.min.js";
-      script.onload = () => resolve((globalThis as any).confetti as any);
-      script.onerror = reject;
-      document.head.appendChild(script);
-      script.remove();
-    });
-  }
-
-  const confetti = await loadConfetti();
-
-  function shoot() {
-    confetti({
-      ...defaults,
-      particleCount: 80,
-      scalar: 1.2,
-    });
-
-    confetti({
-      ...defaults,
-      particleCount: 60,
-      scalar: 0.75,
-    });
-  }
-
-  setTimeout(shoot, 0);
-  setTimeout(shoot, 100);
-  setTimeout(shoot, 200);
-  setTimeout(shoot, 300);
-  setTimeout(shoot, 400);
-});
diff --git a/starters/apps/site-with-visual-cms/src/components/footer/footer.module.css b/starters/apps/site-with-visual-cms/src/components/footer/footer.module.css
deleted file mode 100644
index 1e788a762e5..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/footer/footer.module.css
+++ /dev/null
@@ -1,17 +0,0 @@
-.wrapper {
-  margin: 0 auto;
-  padding: 30px 40px;
-}
-
-.anchor {
-  color: white;
-  display: block;
-  font-size: 0.8rem;
-  text-align: center;
-  text-decoration: none;
-  line-height: 1.5;
-}
-
-.anchor:hover {
-  color: var(--qwik-light-blue);
-}
diff --git a/starters/apps/site-with-visual-cms/src/components/footer/footer.tsx b/starters/apps/site-with-visual-cms/src/components/footer/footer.tsx
deleted file mode 100644
index d760fdef2e8..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/footer/footer.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import styles from "./footer.module.css";
-
-export default component$(() => {
-  return (
-    <footer>
-      <div class={styles.wrapper}>
-        <a href="https://www.builder.io/" target="_blank" class={styles.anchor}>
-          <span>Made with ♡ by Builder.io</span>
-        </a>
-      </div>
-    </footer>
-  );
-});
diff --git a/starters/apps/site-with-visual-cms/src/components/gauge/gauge.module.css b/starters/apps/site-with-visual-cms/src/components/gauge/gauge.module.css
deleted file mode 100644
index 5368dc8ab30..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/gauge/gauge.module.css
+++ /dev/null
@@ -1,22 +0,0 @@
-.wrapper {
-  position: relative;
-}
-
-.gauge {
-  width: 100%;
-  min-width: 100px;
-}
-
-.value {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  color: white;
-  font-size: 3rem;
-  transform: translate(-50%, -50%);
-  text-align: center;
-}
-
-circle {
-  transition: all 500ms ease-in-out;
-}
diff --git a/starters/apps/site-with-visual-cms/src/components/gauge/index.tsx b/starters/apps/site-with-visual-cms/src/components/gauge/index.tsx
deleted file mode 100644
index b010a66426e..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/gauge/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import styles from "./gauge.module.css";
-
-export default component$(({ value = 50 }: { value?: number }) => {
-  const safeValue = value < 0 || value > 100 ? 50 : value;
-
-  return (
-    <div class={styles.wrapper}>
-      <svg viewBox="0 0 120 120" class={styles.gauge}>
-        <defs>
-          <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="100%">
-            <stop offset="0%" stop-color="#18B6F6" />
-            <stop offset="1000%" stop-color="#AC7FF4" />
-          </linearGradient>
-        </defs>
-        <circle
-          r="56"
-          cx="60"
-          cy="60"
-          stroke-width="8"
-          style="fill: #000; stroke: #0000"
-        />
-        <circle
-          r="56"
-          cx="60"
-          cy="60"
-          stroke-width="8"
-          style={`transform: rotate(-87.9537deg); stroke-dasharray: ${
-            safeValue * 3.51
-          }, 351.858; fill:none; transform-origin:50% 50%; stroke-linecap:round; stroke:url(#gradient)`}
-        />
-      </svg>
-      <span class={styles.value}>{safeValue}</span>
-    </div>
-  );
-});
diff --git a/starters/apps/site-with-visual-cms/src/components/header/header.module.css b/starters/apps/site-with-visual-cms/src/components/header/header.module.css
deleted file mode 100644
index 280fca9a59d..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/header/header.module.css
+++ /dev/null
@@ -1,50 +0,0 @@
-.wrapper {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  margin: 0 auto;
-  padding: 30px 40px;
-}
-
-.logo {
-  display: inline-block;
-}
-.logo a {
-  display: block;
-}
-
-.header {
-  background-color: var(--header-background);
-}
-
-.header ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-  display: flex;
-  gap: 30px;
-}
-
-.header li {
-  display: none;
-  margin: 0;
-  padding: 0;
-  font-size: 0.8rem;
-}
-
-.header li a {
-  color: white;
-  display: inline-block;
-  padding: 0;
-  text-decoration: none;
-}
-
-.header li a:hover {
-  color: var(--qwik-light-blue);
-}
-
-@media (min-width: 450px) {
-  .header li {
-    display: inline-block;
-  }
-}
diff --git a/starters/apps/site-with-visual-cms/src/components/header/header.tsx b/starters/apps/site-with-visual-cms/src/components/header/header.tsx
deleted file mode 100644
index df7ab23510e..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/header/header.tsx
+++ /dev/null
@@ -1,43 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import { QwikLogo } from "../icons/qwik";
-import styles from "./header.module.css";
-
-export default component$(() => {
-  return (
-    <header class={styles.header}>
-      <div class={styles.wrapper}>
-        <div class={styles.logo}>
-          <a href="/" title="qwik">
-            <QwikLogo height={50} width={143} />
-          </a>
-        </div>
-        <ul>
-          <li>
-            <a
-              href="https://qwik.dev/docs/components/overview/"
-              target="_blank"
-            >
-              Docs
-            </a>
-          </li>
-          <li>
-            <a
-              href="https://qwik.dev/examples/introduction/hello-world/"
-              target="_blank"
-            >
-              Examples
-            </a>
-          </li>
-          <li>
-            <a
-              href="https://qwik.dev/tutorial/welcome/overview/"
-              target="_blank"
-            >
-              Tutorials
-            </a>
-          </li>
-        </ul>
-      </div>
-    </header>
-  );
-});
diff --git a/starters/apps/site-with-visual-cms/src/components/icons/qwik.tsx b/starters/apps/site-with-visual-cms/src/components/icons/qwik.tsx
deleted file mode 100644
index 4f94b0883bb..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/icons/qwik.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-export const QwikLogo = ({
-  width = 100,
-  height = 35,
-}: {
-  width?: number;
-  height?: number;
-}) => (
-  <svg
-    width={width}
-    height={height}
-    viewBox="0 0 167 53"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-  >
-    <path
-      d="M81.9545 46.5859H75.5513V35.4045C73.4363 36.8579 71.0496 37.5749 68.4884 37.5749C65.0151 37.5749 62.4344 36.6253 60.8239 34.6487C59.2134 32.6915 58.3984 29.2034 58.3984 24.2231C58.3984 19.1266 59.3492 15.5997 61.2702 13.5456C63.23 11.4721 66.3734 10.4644 70.7004 10.4644C74.7946 10.4644 78.5201 11.0264 81.9545 12.131V46.5859ZM75.5513 16.278C74.096 15.8323 72.4661 15.6191 70.7004 15.6191C68.5272 15.6191 66.9749 16.1811 66.1017 17.3244C65.2479 18.4871 64.7823 20.6962 64.7823 23.9712C64.7823 27.0524 65.1897 29.1065 66.0435 30.2304C66.8973 31.335 68.3719 31.897 70.5452 31.897C73.3781 31.897 75.5513 30.7343 75.5513 29.2809V16.278Z"
-      fill="white"
-    />
-    <path
-      d="M91.133 11.1426C93.4033 17.4406 95.3242 23.7386 96.993 30.0948C99.205 23.5836 101.087 17.2856 102.542 11.1426H108.15C110.265 17.4406 112.031 23.7386 113.447 30.0948C115.97 23.196 117.949 16.8787 119.404 11.1426H125.71C123.033 20.173 120.064 28.777 116.785 36.8966H109.256C108.402 32.3039 107.044 26.7617 105.22 20.1536C104.056 25.2889 102.445 30.8893 100.33 36.8966H92.8018C90.2793 27.5174 87.5434 18.9522 84.6328 11.1426H91.133Z"
-      fill="white"
-    />
-    <path
-      d="M132.832 7.55758C129.999 7.55758 129.203 6.85996 129.203 3.97257C129.203 1.39523 130.018 0.794495 132.832 0.794495C135.665 0.794495 136.46 1.39523 136.46 3.97257C136.46 6.85996 135.665 7.55758 132.832 7.55758ZM129.649 11.1426H136.053V36.8966H129.649V11.1426Z"
-      fill="white"
-    />
-    <path
-      d="M166.303 11.1426C161.763 17.5956 158.581 21.5295 156.815 22.9441C158.27 23.8937 162.17 28.8933 167.002 36.916H159.628C153.613 27.7887 150.742 23.8549 149.325 23.2542V36.916H142.922V0H149.325V23.2348C150.78 22.169 153.963 18.1382 158.872 11.1426H166.303Z"
-      fill="white"
-    />
-    <path
-      d="M40.973 52.5351L32.0861 43.6985L31.9503 43.7179V43.621L13.0511 24.9595L17.708 20.4637L14.9721 4.76715L1.99103 20.8513C-0.220992 23.0798 -0.628467 26.7036 0.962635 29.3778L9.07337 42.8265C10.3152 44.9 12.566 46.1402 14.9915 46.1208L19.0081 46.082L40.973 52.5351Z"
-      fill="#18B6F6"
-    />
-    <path
-      d="M45.8232 20.5411L44.038 17.2468L43.1066 15.5609L42.738 14.902L42.6992 14.9408L37.8094 6.47238C36.587 4.34075 34.2974 3.02301 31.8137 3.04239L27.5255 3.15865L14.7384 3.19741C12.313 3.21679 10.101 4.49577 8.87853 6.56927L1.09766 21.9945L15.0101 4.72831L33.2496 24.7656L30.0091 28.0406L31.9495 43.7178L31.9689 43.679V43.7178H31.9301L31.9689 43.7565L33.4824 45.2293L40.8364 52.4187C41.1469 52.7094 41.6514 52.3606 41.4379 51.9924L36.8975 43.0589L44.8142 28.4282L45.0664 28.1375C45.1634 28.0212 45.2604 27.905 45.3381 27.7887C46.8904 25.6764 47.1038 22.8472 45.8232 20.5411Z"
-      fill="#AC7EF4"
-    />
-    <path
-      d="M33.3076 24.6882L15.0099 4.74774L17.61 20.3668L12.9531 24.882L31.9105 43.6985L30.203 28.0794L33.3076 24.6882Z"
-      fill="white"
-    />
-  </svg>
-);
diff --git a/starters/apps/site-with-visual-cms/src/components/router-head/router-head.tsx b/starters/apps/site-with-visual-cms/src/components/router-head/router-head.tsx
deleted file mode 100644
index 127f8cae9f9..00000000000
--- a/starters/apps/site-with-visual-cms/src/components/router-head/router-head.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import { useDocumentHead, useLocation } from "@builder.io/qwik-city";
-
-/**
- * The RouterHead component is placed inside of the document `<head>` element.
- */
-export const RouterHead = component$(() => {
-  const head = useDocumentHead();
-  const loc = useLocation();
-
-  return (
-    <>
-      <title>{head.title}</title>
-
-      <link rel="canonical" href={loc.url.href} />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-      <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-
-      {head.meta.map((m) => (
-        <meta key={m.key} {...m} />
-      ))}
-
-      {head.links.map((l) => (
-        <link key={l.key} {...l} />
-      ))}
-
-      {head.styles.map((s) => (
-        <style key={s.key} {...s.props} dangerouslySetInnerHTML={s.style} />
-      ))}
-    </>
-  );
-});
diff --git a/starters/apps/site-with-visual-cms/src/entry.dev.tsx b/starters/apps/site-with-visual-cms/src/entry.dev.tsx
deleted file mode 100644
index f421db70e49..00000000000
--- a/starters/apps/site-with-visual-cms/src/entry.dev.tsx
+++ /dev/null
@@ -1,17 +0,0 @@
-/*
- * WHAT IS THIS FILE?
- *
- * Development entry point using only client-side modules:
- * - Do not use this mode in production!
- * - No SSR
- * - No portion of the application is pre-rendered on the server.
- * - All of the application is running eagerly in the browser.
- * - More code is transferred to the browser than in SSR mode.
- * - Optimizer/Serialization/Deserialization code is not exercised!
- */
-import { render, type RenderOptions } from "@builder.io/qwik";
-import Root from "./root";
-
-export default function (opts: RenderOptions) {
-  return render(document, <Root />, opts);
-}
diff --git a/starters/apps/site-with-visual-cms/src/entry.preview.tsx b/starters/apps/site-with-visual-cms/src/entry.preview.tsx
deleted file mode 100644
index 7d353d7fdd7..00000000000
--- a/starters/apps/site-with-visual-cms/src/entry.preview.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * WHAT IS THIS FILE?
- *
- * It's the bundle entry point for `npm run preview`.
- * That is, serving your app built in production mode.
- *
- * Feel free to modify this file, but don't remove it!
- *
- * Learn more about Vite's preview command:
- * - https://vitejs.dev/config/preview-options.html#preview-options
- *
- */
-import { createQwikCity } from "@builder.io/qwik-city/middleware/node";
-import qwikCityPlan from "@qwik-city-plan";
-import render from "./entry.ssr";
-
-/**
- * The default export is the QwikCity adapter used by Vite preview.
- */
-export default createQwikCity({ render, qwikCityPlan });
diff --git a/starters/apps/site-with-visual-cms/src/entry.ssr.tsx b/starters/apps/site-with-visual-cms/src/entry.ssr.tsx
deleted file mode 100644
index e3de501302b..00000000000
--- a/starters/apps/site-with-visual-cms/src/entry.ssr.tsx
+++ /dev/null
@@ -1,33 +0,0 @@
-/**
- * WHAT IS THIS FILE?
- *
- * SSR entry point, in all cases the application is rendered outside the browser, this
- * entry point will be the common one.
- *
- * - Server (express, cloudflare...)
- * - npm run start
- * - npm run preview
- * - npm run build
- *
- */
-import {
-  renderToStream,
-  type RenderToStreamOptions,
-} from "@builder.io/qwik/server";
-import { manifest } from "@qwik-client-manifest";
-import Root from "./root";
-
-export default function (opts: RenderToStreamOptions) {
-  return renderToStream(<Root />, {
-    manifest,
-    ...opts,
-    // Use container attributes to set attributes on the html tag.
-    containerAttributes: {
-      lang: "en-us",
-      ...opts.containerAttributes,
-    },
-    serverData: {
-      ...opts.serverData,
-    },
-  });
-}
diff --git a/starters/apps/site-with-visual-cms/src/global.css b/starters/apps/site-with-visual-cms/src/global.css
deleted file mode 100644
index 55879c89e2b..00000000000
--- a/starters/apps/site-with-visual-cms/src/global.css
+++ /dev/null
@@ -1,128 +0,0 @@
-/**
- * WHAT IS THIS FILE?
- *
- * Globally applied styles. No matter which components are in the page or matching route,
- * the styles in here will be applied to the Document, without any sort of CSS scoping.
- *
- */
-
-:root {
-  --qwik-dark-blue: #006ce9;
-  --qwik-light-blue: #18b6f6;
-  --qwik-light-purple: #ac7ff4;
-  --qwik-dark-purple: #713fc2;
-  --qwik-dirty-black: #1d2033;
-
-  --text-color: #ffffff;
-  --main-background: #1c224a;
-  --header-background: var(--main-background);
-  --footer-background: #0d0c25;
-}
-
-/* SHELL ---------------------------------------- */
-html {
-  font-family:
-    ui-sans-serif,
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    "Segoe UI",
-    Roboto,
-    "Helvetica Neue",
-    Arial,
-    "Noto Sans",
-    sans-serif,
-    "Apple Color Emoji",
-    "Segoe UI Emoji",
-    "Segoe UI Symbol",
-    "Noto Color Emoji";
-  background: var(--footer-background);
-}
-
-body {
-  padding: 0;
-  margin: 0;
-  color: var(--text-color);
-  line-height: inherit;
-}
-
-main {
-  background: var(--main-background);
-}
-
-/* HEADINGS ------------------------------------- */
-h1,
-h2,
-h3 {
-  color: white;
-  margin: 0;
-}
-
-h1 {
-  font-size: 3.2rem;
-  text-align: center;
-}
-h1 .highlight,
-h3 .highlight {
-  color: var(--qwik-light-blue);
-}
-
-h2 {
-  font-weight: 400;
-  font-size: 2.4rem;
-}
-h2 .highlight {
-  font-weight: 700;
-}
-
-h3 {
-  font-size: 2rem;
-}
-
-@media screen and (min-width: 768px) {
-  h1 {
-    font-size: 5rem;
-  }
-  h2 {
-    font-size: 3.4rem;
-  }
-  h3 {
-    font-size: 3rem;
-  }
-}
-
-/* TAGS ----------------------------------------- */
-a {
-  text-decoration: none;
-  color: var(--qwik-light-blue);
-}
-
-a:hover {
-  text-decoration: underline;
-  color: var(--qwik-light-blue);
-}
-
-code {
-  background: rgba(230, 230, 230, 0.3);
-  border-radius: 4px;
-  padding: 2px 6px;
-}
-
-ul {
-  margin: 0;
-  padding-left: 20px;
-}
-
-/* Custom Builder CSS Class ----------------------------------------- 
-  This is just an example of setting a custom CSS class on a Builder component,
-  then applying styles to it here in the global CSS file.
-*/
-.builder-footer a {
-  color: var(--text-color);
-  text-decoration: none;
-}
-
-.builder-footer a:hover {
-  color: var(--qwik-light-blue);
-  text-decoration: underline;
-}
diff --git a/starters/apps/site-with-visual-cms/src/root.tsx b/starters/apps/site-with-visual-cms/src/root.tsx
deleted file mode 100644
index ca755b74db9..00000000000
--- a/starters/apps/site-with-visual-cms/src/root.tsx
+++ /dev/null
@@ -1,32 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import {
-  QwikCityProvider,
-  RouterOutlet,
-  ServiceWorkerRegister,
-} from "@builder.io/qwik-city";
-import { RouterHead } from "./components/router-head/router-head";
-
-import "./global.css";
-
-export default component$(() => {
-  /**
-   * The root of a QwikCity site always start with the <QwikCityProvider> component,
-   * immediately followed by the document's <head> and <body>.
-   *
-   * Don't remove the `<head>` and `<body>` elements.
-   */
-
-  return (
-    <QwikCityProvider>
-      <head>
-        <meta charset="utf-8" />
-        <link rel="manifest" href="/manifest.json" />
-        <RouterHead />
-        <ServiceWorkerRegister />
-      </head>
-      <body lang="en">
-        <RouterOutlet />
-      </body>
-    </QwikCityProvider>
-  );
-});
diff --git a/starters/apps/site-with-visual-cms/src/routes/[...index]/index.tsx b/starters/apps/site-with-visual-cms/src/routes/[...index]/index.tsx
deleted file mode 100644
index 932d8bc8b77..00000000000
--- a/starters/apps/site-with-visual-cms/src/routes/[...index]/index.tsx
+++ /dev/null
@@ -1,61 +0,0 @@
-import { component$ } from "@builder.io/qwik";
-import { DocumentHead, routeLoader$ } from "@builder.io/qwik-city";
-import {
-  getContent,
-  RenderContent,
-  getBuilderSearchParams,
-} from "@builder.io/sdk-qwik";
-import { CUSTOM_COMPONENTS } from "../../components/builder-registry";
-
-// This page is a catch-all for all routes that don't have a pre-defined route.
-// Using a catch-all route allows you to dynamically create new pages in Builder.
-
-// Use the `useBuilderContent` route loader to get your content from Builder.
-// `routeLoader$()` takes an async function to fetch content
-// from Builder with using `getContent()`.
-export const useBuilderContent = routeLoader$(async ({ url, error }) => {
-  const isPreviewing = url.searchParams.has("builder.preview");
-
-  // Fetch Builder.io Visual CMS content using the Qwik SDK.
-  // The public API key is set in the .env file at the root
-  // https://www.builder.io/c/docs/using-your-api-key
-  const builderContent = await getContent({
-    model: "page",
-    apiKey: import.meta.env.PUBLIC_BUILDER_API_KEY,
-    options: getBuilderSearchParams(url.searchParams),
-    userAttributes: {
-      urlPath: url.pathname,
-    },
-  });
-
-  // If there's no content, throw a 404.
-  // You can use your own 404 component here
-  if (!builderContent && !isPreviewing) {
-    throw error(404, "Page not found");
-  }
-
-  // return content fetched from Builder, which is JSON
-  return builderContent;
-});
-
-export default component$(() => {
-  const builderContent = useBuilderContent();
-
-  // RenderContent component uses the `content` prop to render
-  // the page, specified by the API Key, at the current URL path.
-  return (
-    <RenderContent
-      model="page"
-      content={builderContent.value}
-      apiKey={import.meta.env.PUBLIC_BUILDER_API_KEY}
-      customComponents={CUSTOM_COMPONENTS}
-    />
-  );
-});
-
-export const head: DocumentHead = ({ resolveValue }) => {
-  const builderContent = resolveValue(useBuilderContent);
-  return {
-    title: builderContent?.data?.title,
-  };
-};
diff --git a/starters/apps/site-with-visual-cms/src/routes/layout.tsx b/starters/apps/site-with-visual-cms/src/routes/layout.tsx
deleted file mode 100644
index 219e11a2df9..00000000000
--- a/starters/apps/site-with-visual-cms/src/routes/layout.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { component$, Slot } from "@builder.io/qwik";
-import Header from "../components/header/header";
-import Footer from "../components/footer/footer";
-
-export default component$(() => {
-  return (
-    <>
-      <Header />
-      <main>
-        <Slot />
-      </main>
-      <Footer />
-    </>
-  );
-});
diff --git a/starters/apps/site-with-visual-cms/src/routes/service-worker.ts b/starters/apps/site-with-visual-cms/src/routes/service-worker.ts
deleted file mode 100644
index a10ab364265..00000000000
--- a/starters/apps/site-with-visual-cms/src/routes/service-worker.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * WHAT IS THIS FILE?
- *
- * The service-worker.ts file is used to have state of the art prefetching.
- * https://qwik.dev/qwikcity/prefetching/overview/
- *
- * Qwik uses a service worker to speed up your site and reduce latency, ie, not used in the traditional way of offline.
- * You can also use this file to add more functionality that runs in the service worker.
- */
-import { setupServiceWorker } from "@builder.io/qwik-city/service-worker";
-
-setupServiceWorker();
-
-addEventListener("install", () => self.skipWaiting());
-
-addEventListener("activate", () => self.clients.claim());
-
-declare const self: ServiceWorkerGlobalScope;
diff --git a/starters/apps/site-with-visual-cms/vite.config.ts b/starters/apps/site-with-visual-cms/vite.config.ts
deleted file mode 100644
index a701a205912..00000000000
--- a/starters/apps/site-with-visual-cms/vite.config.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { defineConfig } from "vite";
-import { qwikVite } from "@builder.io/qwik/optimizer";
-import { qwikCity } from "@builder.io/qwik-city/vite";
-import { builderDevTools } from "@builder.io/dev-tools/vite";
-import tsconfigPaths from "vite-tsconfig-paths";
-
-export default defineConfig(() => {
-  return {
-    plugins: [builderDevTools(), qwikCity(), qwikVite(), tsconfigPaths()],
-  };
-});