chore(release): 1.4.16

* feat(cms): extend CMS support to all frontend frameworks

Sanity, Strapi, and TinaCMS now work with all frontend frameworks:
Next.js, Astro, Nuxt, SvelteKit, TanStack Router, React Router,
React Vite, and TanStack Start. Payload stays Next.js-only (v3
architecture requires @payloadcms/next).

- Rewrite CMS handler with variant detection (analytics.ts pattern)
- Framework-aware dependency installation (@sanity/client for non-Next)
- Framework-appropriate env var prefixes (VITE_, PUBLIC_, NUXT_PUBLIC_)
- 81 new template files across 4 variants per CMS
- Payload disabled in web builder for non-Next.js frontends
- 43 CMS tests passing (13 new multi-framework tests)

* fix: remove hardcoded Next.js fallbacks from TinaCMS script wrapping

Author: Marve10s

apps/cli/test/cms.test.ts

@@ -465,56 +465,183 @@ describe("CMS Options", () => {
     });
   });
 
-  describe("CMS not supported with non-Next.js frontends", () => {
-    test("payload without Next.js should still work (cms deps skipped)", async () => {
+  describe("Payload stays Next.js-only", () => {
+    test("payload without Next.js still creates project (cms skipped)", async () => {
       const result = await runTRPCTest(
         createCustomConfig({
-          projectName: "payload-tanstack-router",
+          projectName: "payload-tanstack-skip",
           frontend: ["tanstack-router"],
           cms: "payload",
         }),
       );
-      // Payload requires Next.js, but the project should still be created
-      // The CMS deps processor will skip adding Payload deps for non-Next.js
       expectSuccess(result);
     });
+  });
 
-    test("sanity without Next.js should still work (cms deps skipped)", async () => {
+  describe("Sanity with non-Next.js frameworks", () => {
+    test("sanity with TanStack Router", async () => {
       const result = await runTRPCTest(
         createCustomConfig({
-          projectName: "sanity-tanstack-router",
+          projectName: "sanity-tanstack",
           frontend: ["tanstack-router"],
           cms: "sanity",
         }),
       );
-      // Sanity requires Next.js for optimal integration, but the project should still be created
-      // The CMS deps processor will skip adding Sanity deps for non-Next.js
       expectSuccess(result);
     });
 
-    test("strapi without Next.js should still work (cms deps skipped)", async () => {
+    test("sanity with Astro", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "sanity-astro",
+          frontend: ["astro"],
+          astroIntegration: "react",
+          backend: "hono",
+          runtime: "bun",
+          api: "trpc",
+          cms: "sanity",
+        }),
+      );
+      expectSuccess(result);
+    });
+
+    test("sanity with Nuxt", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "sanity-nuxt",
+          frontend: ["nuxt"],
+          backend: "self",
+          runtime: "none",
+          api: "orpc",
+          cms: "sanity",
+        }),
+      );
+      expectSuccess(result);
+    });
+
+    test("sanity with SvelteKit", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "sanity-svelte",
+          frontend: ["svelte"],
+          backend: "self",
+          runtime: "none",
+          api: "orpc",
+          cms: "sanity",
+        }),
+      );
+      expectSuccess(result);
+    });
+  });
+
+  describe("Strapi with non-Next.js frameworks", () => {
+    test("strapi with TanStack Router", async () => {
       const result = await runTRPCTest(
         createCustomConfig({
-          projectName: "strapi-tanstack-router",
+          projectName: "strapi-tanstack",
           frontend: ["tanstack-router"],
           cms: "strapi",
         }),
       );
-      // Strapi client requires Next.js for our templates, but the project should still be created
-      // The CMS deps processor will skip adding Strapi deps for non-Next.js
       expectSuccess(result);
     });
 
-    test("tinacms without Next.js should still work (cms deps skipped)", async () => {
+    test("strapi with Astro", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "strapi-astro",
+          frontend: ["astro"],
+          astroIntegration: "react",
+          backend: "hono",
+          runtime: "bun",
+          api: "trpc",
+          cms: "strapi",
+        }),
+      );
+      expectSuccess(result);
+    });
+
+    test("strapi with Nuxt", async () => {
       const result = await runTRPCTest(
         createCustomConfig({
-          projectName: "tinacms-tanstack-router",
+          projectName: "strapi-nuxt",
+          frontend: ["nuxt"],
+          backend: "self",
+          runtime: "none",
+          api: "orpc",
+          cms: "strapi",
+        }),
+      );
+      expectSuccess(result);
+    });
+
+    test("strapi with SvelteKit", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "strapi-svelte",
+          frontend: ["svelte"],
+          backend: "self",
+          runtime: "none",
+          api: "orpc",
+          cms: "strapi",
+        }),
+      );
+      expectSuccess(result);
+    });
+  });
+
+  describe("TinaCMS with non-Next.js frameworks", () => {
+    test("tinacms with TanStack Router", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "tinacms-tanstack",
           frontend: ["tanstack-router"],
           cms: "tinacms",
         }),
       );
-      // TinaCMS requires Next.js for our templates, but the project should still be created
-      // The CMS deps processor will skip adding TinaCMS deps for non-Next.js
+      expectSuccess(result);
+    });
+
+    test("tinacms with Astro", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "tinacms-astro",
+          frontend: ["astro"],
+          astroIntegration: "react",
+          backend: "hono",
+          runtime: "bun",
+          api: "trpc",
+          cms: "tinacms",
+        }),
+      );
+      expectSuccess(result);
+    });
+
+    test("tinacms with Nuxt", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "tinacms-nuxt",
+          frontend: ["nuxt"],
+          backend: "self",
+          runtime: "none",
+          api: "orpc",
+          cms: "tinacms",
+        }),
+      );
+      expectSuccess(result);
+    });
+
+    test("tinacms with SvelteKit", async () => {
+      const result = await runTRPCTest(
+        createCustomConfig({
+          projectName: "tinacms-svelte",
+          frontend: ["svelte"],
+          backend: "self",
+          runtime: "none",
+          api: "orpc",
+          cms: "tinacms",
+        }),
+      );
       expectSuccess(result);
     });
   });

packages/template-generator/src/processors/cms-deps.ts

@@ -6,92 +6,84 @@ import { addPackageDependency, type AvailableDependencies } from "../utils/add-d
 
 export function processCMSDeps(vfs: VirtualFileSystem, config: ProjectConfig): void {
   const { cms, frontend, database } = config;
-
-  // Skip if not selected or set to "none"
   if (!cms || cms === "none") return;
 
-  // Both Payload and Sanity require Next.js for optimal integration
   const hasNext = frontend.includes("next");
+  const hasWebFrontend =
+    frontend.includes("next") ||
+    frontend.includes("astro") ||
+    frontend.includes("nuxt") ||
+    frontend.includes("svelte") ||
+    frontend.some((f) =>
+      ["tanstack-router", "react-router", "react-vite", "tanstack-start"].includes(f),
+    );
 
   if (cms === "payload") {
-    // Payload is a Next.js-only CMS in v3
     if (!hasNext) return;
 
     const webPath = "apps/web/package.json";
     if (vfs.exists(webPath)) {
-      const deps = getPayloadDeps(database);
-      if (deps.length > 0) {
-        addPackageDependency({
-          vfs,
-          packagePath: webPath,
-          dependencies: deps,
-        });
-      }
+      addPackageDependency({
+        vfs,
+        packagePath: webPath,
+        dependencies: getPayloadDeps(database),
+      });
     }
+    return;
   }
 
-  if (cms === "sanity") {
-    // Sanity works best with Next.js due to next-sanity integration
-    if (!hasNext) return;
+  if (!hasWebFrontend) return;
 
-    const webPath = "apps/web/package.json";
-    if (vfs.exists(webPath)) {
-      const deps = getSanityDeps();
-      if (deps.length > 0) {
-        addPackageDependency({
-          vfs,
-          packagePath: webPath,
-          dependencies: deps,
-        });
-      }
-    }
+  const webPath = "apps/web/package.json";
+  if (!vfs.exists(webPath)) return;
+
+  if (cms === "sanity") {
+    addPackageDependency({
+      vfs,
+      packagePath: webPath,
+      dependencies: hasNext
+        ? ["sanity", "next-sanity", "@sanity/image-url", "@sanity/vision"]
+        : ["sanity", "@sanity/client", "@sanity/image-url"],
+    });
   }
 
   if (cms === "strapi") {
-    // Strapi client works with any frontend but we provide Next.js templates
-    if (!hasNext) return;
-
-    const webPath = "apps/web/package.json";
-    if (vfs.exists(webPath)) {
-      const deps = getStrapiDeps();
-      if (deps.length > 0) {
-        addPackageDependency({
-          vfs,
-          packagePath: webPath,
-          dependencies: deps,
-        });
-      }
-    }
+    addPackageDependency({
+      vfs,
+      packagePath: webPath,
+      dependencies: ["@strapi/client", "qs"],
+    });
   }
 
   if (cms === "tinacms") {
-    if (!hasNext) return;
-
-    const webPath = "apps/web/package.json";
-    if (vfs.exists(webPath)) {
-      addPackageDependency({
-        vfs,
-        packagePath: webPath,
-        dependencies: ["tinacms"],
-        devDependencies: ["@tinacms/cli"],
-      });
-
-      const pkgJson = vfs.readJson<{
-        scripts?: Record<string, string>;
-        [key: string]: unknown;
-      }>(webPath);
-      if (pkgJson?.scripts) {
-        const existingDev = pkgJson.scripts.dev || "next dev --port 3001";
+    addPackageDependency({
+      vfs,
+      packagePath: webPath,
+      dependencies: ["tinacms"],
+      devDependencies: ["@tinacms/cli"],
+    });
+
+    const pkgJson = vfs.readJson<{
+      scripts?: Record<string, string>;
+      [key: string]: unknown;
+    }>(webPath);
+    if (pkgJson?.scripts) {
+      const existingDev = pkgJson.scripts.dev;
+      if (existingDev) {
         pkgJson.scripts.dev = `tinacms dev -c "${existingDev}"`;
+      }
 
-        const existingBuild = pkgJson.scripts.build || "next build";
+      const existingBuild = pkgJson.scripts.build;
+      if (existingBuild) {
         pkgJson.scripts.build = `tinacms build && ${existingBuild}`;
+      }
 
-        const existingCheckTypes = pkgJson.scripts["check-types"] || "tsc --noEmit";
+      const existingCheckTypes = pkgJson.scripts["check-types"];
+      if (existingCheckTypes) {
         pkgJson.scripts["check-types"] = `tinacms build && ${existingCheckTypes}`;
-
-        vfs.writeJson(webPath, pkgJson);
       }
+
+      vfs.writeJson(webPath, pkgJson);
     }
 
     const gitignorePath = "apps/web/.gitignore";
@@ -106,37 +98,19 @@ export function processCMSDeps(vfs: VirtualFileSystem, config: ProjectConfig): v
 }
 
 function getPayloadDeps(database: ProjectConfig["database"]): AvailableDependencies[] {
-  const deps: AvailableDependencies[] = [
-    "payload",
-    "@payloadcms/next",
-    "@payloadcms/richtext-lexical",
-  ];
+  const deps: AvailableDependencies[] = ["payload", "@payloadcms/next", "@payloadcms/richtext-lexical"];
 
-  // Add appropriate database adapter based on selected database
   switch (database) {
     case "postgres":
       deps.push("@payloadcms/db-postgres");
       break;
     case "mongodb":
       deps.push("@payloadcms/db-mongodb");
       break;
-    case "sqlite":
-      deps.push("@payloadcms/db-sqlite");
-      break;
     default:
-      // Default to SQLite for simplicity
       deps.push("@payloadcms/db-sqlite");
       break;
   }
 
   return deps;
 }
-
-function getSanityDeps(): AvailableDependencies[] {
-  return ["sanity", "next-sanity", "@sanity/image-url", "@sanity/vision"];
-}
-
-function getStrapiDeps(): AvailableDependencies[] {
-  return ["@strapi/client", "qs"];
-}
-