feat: moving to hosting provider options

Author: jherr

frameworks/react-cra/ADD-ON-AUTHORING.md

@@ -136,6 +136,32 @@ Configuration in `info.json`:
 ]
 ```
 
+## vite-plugin
+
+The code is integrated into `src/vite.config.ts`
+
+### Examples
+
+Code in `assets/vite-plugins/netlify.ts`:
+
+```ts
+import netlify from '@netlify/vite-plugin-tanstack-start'
+
+export default netlify()
+```
+
+Configuration in `info.json`:
+
+```json
+"integrations": [
+  {
+    "type": "vite-plugin",
+    "jsName": "netlify",
+    "path": "vite-plugins/netlify.ts"
+  },
+]
+```
+
 # Routes
 
 If your add-on creates routes you need to specify those in the `info.json` file.

frameworks/react-cra/add-ons/neon/assets/vite-plugins/neon.ts

@@ -0,0 +1,10 @@
+import postgresPlugin from '@neondatabase/vite-plugin-postgres'
+
+export default postgresPlugin({
+  seed: {
+    type: 'sql-script',
+    path: 'db/init.sql',
+  },
+  referrer: 'create-tanstack',
+  dotEnvKey: 'VITE_DATABASE_URL',
+})

frameworks/react-cra/add-ons/neon/info.json

@@ -13,5 +13,12 @@
       "jsName": "NeonDemo"
     }
   ],
+  "integrations": [
+    {
+      "type": "vite-plugin",
+      "jsName": "neon",
+      "path": "vite-plugins/neon.ts"
+    }
+  ],
   "dependsOn": ["start"]
 }

frameworks/react-cra/add-ons/netlify/README.md

@@ -5,29 +5,19 @@ import viteTsConfigPaths from 'vite-tsconfig-paths'<% if (tailwind) { %>
 import tailwindcss from "@tailwindcss/vite"
 <% } %><% if (addOnEnabled.sentry) { %>
 import { wrapVinxiConfigWithSentry } from "@sentry/tanstackstart-react";
-<% } %><% if (addOnEnabled.neon) { %>
-import postgresPlugin from "@neondatabase/vite-plugin-postgres";
+<% } %><% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %>import <%= integration.jsName %> from "<%= relativePath(integration.path) %>";
 <% } %>
 const config = defineConfig({
-    plugins: [
-      <% if (addOnEnabled.neon) { %>
-        postgresPlugin({
-          seed: {
-            type: "sql-script",
-            path: "db/init.sql"
-          },
-          referrer: 'create-tanstack',
-          dotEnvKey: 'VITE_DATABASE_URL',
-        }),
-      <% } %>
-      // this is the plugin that enables path aliases
-      viteTsConfigPaths({
-        projects: ['./tsconfig.json'],
-      }),
-      <% if (tailwind) { %>tailwindcss(),<% } %>
-      tanstackStart(),
-      viteReact(),
-    ],
+  plugins: [<% for(const integration of integrations.filter(i => i.type === 'vite-plugin')) { %>
+    <%= integration.jsName %>,<% } %>
+    // this is the plugin that enables path aliases
+    viteTsConfigPaths({
+      projects: ['./tsconfig.json'],
+    }),
+    <% if (tailwind) { %>tailwindcss(),<% } %>
+    tanstackStart(),
+    viteReact(),
+  ],
 })
 
 <% if (addOnEnabled.sentry) { %>

frameworks/react-cra/add-ons/start/assets/vite.config.ts.ejs

@@ -5,7 +5,6 @@
   "link": "https://tanstack.com/start/latest",
   "modes": ["file-router"],
   "type": "add-on",
-  "warning": "TanStack Start is not yet at 1.0 and may change significantly or not be compatible with other add-ons.\nMigrating to Start might require deleting node_modules and re-installing.",
   "routes": [
     {
       "url": "/demo/start/server-funcs",
@@ -20,10 +19,6 @@
       "jsName": "StartApiRequestDemo"
     }
   ],
-  "deletedFiles": [
-    "./index.html",
-    "./src/main.tsx",
-    "./src/App.css"
-  ],
+  "deletedFiles": ["./index.html", "./src/main.tsx", "./src/App.css"],
   "addOnSpecialSteps": ["rimraf-node-modules"]
 }

frameworks/react-cra/add-ons/start/info.json

@@ -1,8 +1,7 @@
 {
   "scripts": {
     "dev": "vite dev --port 3000",
-    "build": "vite build",
-    "start": "node .output/server/index.mjs"
+    "build": "vite build"
   },
   "dependencies": {
     "@tanstack/react-router-ssr-query": "^1.131.7",

frameworks/react-cra/add-ons/start/package.json

@@ -0,0 +1,3 @@
+import { cloudflare } from '@cloudflare/vite-plugin'
+
+export default cloudflare({ viteEnvironment: { name: 'ssr' } })

frameworks/react-cra/hosts/cloudflare/assets/vite-plugins/cloudflare.ts

@@ -0,0 +1,10 @@
+{
+  "$schema": "node_modules/wrangler/config-schema.json",
+  "name": "tanstack-start-app",
+  "compatibility_date": "2025-09-02",
+  "compatibility_flags": ["nodejs_compat"],
+  "main": "@tanstack/react-start/server-entry",
+  "vars": {
+    "MY_VAR": "Hello from Cloudflare"
+  }
+}

frameworks/react-cra/hosts/cloudflare/assets/wrangler.json

@@ -0,0 +1,15 @@
+{
+  "name": "Cloudflare",
+  "description": "Cloudflare deployment setup",
+  "link": "https://developers.cloudflare.com/workers/vite-plugin/",
+  "phase": "add-on",
+  "modes": ["file-router", "code-router"],
+  "type": "host",
+  "integrations": [
+    {
+      "type": "vite-plugin",
+      "jsName": "cloudflare",
+      "path": "vite-plugins/cloudflare.ts"
+    }
+  ]
+}