chore(fullstack): standalone examples (#1180)

hi-ogawa · web-flow · commit a3a86f342349 · 2025-10-03T16:18:27.000+09:00
diff --git a/packages/fullstack/README.md b/packages/fullstack/README.md
@@ -130,6 +130,15 @@ export default defineConfig({
 
 See [./examples](./examples) for concrete usages.
 
+| Example | Playground |
+| --- | --- |
+| [Basic](./examples/basic/) | [stackblitz](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/basic) |
+| [React Router](./examples/react-router/) | [stackblitz](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/react-router) |
+| [Vue Router](./examples/vue-router/) | [stackblitz](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/vue-router) |
+| [Nitro](https://github.com/hi-ogawa/nitro-vite-examples/tree/10-02-feat_add_vue-router-ssr_example/examples/vue-router-ssr) | [stackblitz](https://stackblitz.com/github/hi-ogawa/nitro-vite-examples/tree/10-02-feat_add_vue-router-ssr_example/examples/vue-router-ssr) |
+| [Cloudflare](./examples/cloudflare/) | - |
+
+
 ## Feedback
 
 Feedback is appreciated! I'm especially curious about opinions from framework authors, who have likely implemented own solutions without such abstract API. For example,
diff --git a/packages/fullstack/examples/basic/.gitignore b/packages/fullstack/examples/basic/.gitignore
@@ -1,2 +1,3 @@
-.nitro
-.output
+node_modules
+dist
+*.tsbuildinfo
diff --git a/packages/fullstack/examples/basic/README.md b/packages/fullstack/examples/basic/README.md
@@ -0,0 +1,3 @@
+# Basic
+
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/basic)
diff --git a/packages/fullstack/examples/basic/package.json b/packages/fullstack/examples/basic/package.json
@@ -11,6 +11,7 @@
     "@hiogawa/vite-plugin-fullstack": "latest",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "latest",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "srvx": "^0.8.7",
diff --git a/packages/fullstack/examples/basic/tsconfig.json b/packages/fullstack/examples/basic/tsconfig.json
@@ -1,8 +1,19 @@
 {
-  "extends": "../../../../tsconfig.base.json",
   "include": ["src", "*.ts"],
   "compilerOptions": {
-    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"],
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "erasableSyntaxOnly": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "moduleResolution": "Bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"]
   }
 }
diff --git a/packages/fullstack/examples/cloudflare/.gitignore b/packages/fullstack/examples/cloudflare/.gitignore
@@ -1,2 +1,4 @@
-.nitro
-.output
+node_modules
+dist
+*.tsbuildinfop
+.wrangler
diff --git a/packages/fullstack/examples/cloudflare/package.json b/packages/fullstack/examples/cloudflare/package.json
@@ -12,6 +12,7 @@
     "@hiogawa/vite-plugin-fullstack": "latest",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "latest",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "vite": "^7.1.5",
diff --git a/packages/fullstack/examples/cloudflare/tsconfig.json b/packages/fullstack/examples/cloudflare/tsconfig.json
@@ -1,8 +1,19 @@
 {
-  "extends": "../../../../tsconfig.base.json",
   "include": ["src", "*.ts"],
   "compilerOptions": {
-    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"],
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "erasableSyntaxOnly": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "moduleResolution": "Bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"]
   }
 }
diff --git a/packages/fullstack/examples/island/.gitignore b/packages/fullstack/examples/island/.gitignore
@@ -1,2 +1,3 @@
-.nitro
-.output
+node_modules
+dist
+*.tsbuildinfo
diff --git a/packages/fullstack/examples/island/package.json b/packages/fullstack/examples/island/package.json
@@ -9,6 +9,12 @@
   },
   "devDependencies": {
     "@hiogawa/vite-plugin-fullstack": "latest",
-    "srvx": "^0.8.7"
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "latest",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "srvx": "^0.8.7",
+    "vite": "^7.1.5"
   }
 }
diff --git a/packages/fullstack/examples/island/tsconfig.json b/packages/fullstack/examples/island/tsconfig.json
@@ -1,8 +1,19 @@
 {
-  "extends": "../../../../tsconfig.base.json",
   "include": ["src", "*.ts"],
   "compilerOptions": {
-    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"],
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "erasableSyntaxOnly": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "moduleResolution": "Bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"]
   }
 }
diff --git a/packages/fullstack/examples/react-router/.gitignore b/packages/fullstack/examples/react-router/.gitignore
@@ -1,2 +1,3 @@
-.nitro
-.output
+node_modules
+dist
+*.tsbuildinfo
diff --git a/packages/fullstack/examples/react-router/README.md b/packages/fullstack/examples/react-router/README.md
@@ -1,3 +1,3 @@
 # React Router Custom Framework
 
-- https://reactrouter.com/start/data/custom
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/react-router)
diff --git a/packages/fullstack/examples/react-router/package.json b/packages/fullstack/examples/react-router/package.json
@@ -9,10 +9,14 @@
   },
   "devDependencies": {
     "@hiogawa/vite-plugin-fullstack": "latest",
+    "@types/react": "^19.1.8",
+    "@types/react-dom": "^19.1.6",
+    "@vitejs/plugin-react": "latest",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-router": "7.9.3",
     "srvx": "^0.8.7",
+    "vite": "^7.1.5",
     "vite-plugin-devtools-json": "^1.0.0"
-  },
-  "dependencies": {
-    "react-router": "7.9.3"
   }
 }
diff --git a/packages/fullstack/examples/react-router/tsconfig.json b/packages/fullstack/examples/react-router/tsconfig.json
@@ -1,8 +1,19 @@
 {
-  "extends": "../../../../tsconfig.base.json",
   "include": ["src", "*.ts"],
   "compilerOptions": {
-    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"],
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "erasableSyntaxOnly": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "moduleResolution": "Bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"]
   }
 }
diff --git a/packages/fullstack/examples/vue-router/.gitignore b/packages/fullstack/examples/vue-router/.gitignore
@@ -1,2 +1,3 @@
-.nitro
-.output
+node_modules
+dist
+*.tsbuildinfo
diff --git a/packages/fullstack/examples/vue-router/README.md b/packages/fullstack/examples/vue-router/README.md
@@ -1,3 +1,3 @@
 # Vue Router Custom Framework
 
-- https://unhead.unjs.io/docs/vue/head/guides/get-started/installation
+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/vue-router)
diff --git a/packages/fullstack/examples/vue-router/package.json b/packages/fullstack/examples/vue-router/package.json
@@ -12,9 +12,8 @@
     "@unhead/vue": "^2.0.17",
     "@vitejs/plugin-vue": "^6.0.1",
     "srvx": "^0.8.7",
-    "vite-plugin-devtools-json": "^1.0.0"
-  },
-  "dependencies": {
+    "vite": "^7.1.5",
+    "vite-plugin-devtools-json": "^1.0.0",
     "vue": "^3.5.22",
     "vue-router": "^4.5.1"
   }
diff --git a/packages/fullstack/examples/vue-router/src/framework/entry.server.tsx b/packages/fullstack/examples/vue-router/src/framework/entry.server.tsx
@@ -24,6 +24,7 @@ async function handler(request: Request): Promise<Response> {
   const app = createSSRApp(Root);
   app.use(router);
 
+  // https://unhead.unjs.io/docs/vue/head/guides/get-started/installation
   const head = createHead();
   app.use(head);
 
diff --git a/packages/fullstack/examples/vue-router/tsconfig.json b/packages/fullstack/examples/vue-router/tsconfig.json
@@ -1,8 +1,19 @@
 {
-  "extends": "../../../../tsconfig.base.json",
   "include": ["src", "*.ts", "src/**/*.vue"],
   "compilerOptions": {
-    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"],
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "erasableSyntaxOnly": true,
+    "allowImportingTsExtensions": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "skipLibCheck": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+    "moduleResolution": "Bundler",
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "types": ["vite/client", "@hiogawa/vite-plugin-fullstack/types"]
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

-Original file line number
+Diff line change
@@ @@ -1,2 +1,3 @@ @@
 -.nitro
 -.output
 +node_modules
 +dist
 +*.tsbuildinfo
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1,3 @@`
	`1`	`+# Basic`
	`2`	`+`
	`3`	`+[![Open in StackBlitz](https://developer.stackblitz.com/img/open_in_stackblitz.svg)](https://stackblitz.com/github/hi-ogawa/vite-plugins/tree/main/packages/fullstack/examples/basic)`
Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,12 @@`
`9`	`9`	`},`
`10`	`10`	`"devDependencies": {`
`11`	`11`	`"@hiogawa/vite-plugin-fullstack": "latest",`
`12`		`- "srvx": "^0.8.7"`
	`12`	`+ "@types/react": "^19.1.8",`
	`13`	`+ "@types/react-dom": "^19.1.6",`
	`14`	`+ "@vitejs/plugin-react": "latest",`
	`15`	`+ "react": "^19.1.0",`
	`16`	`+ "react-dom": "^19.1.0",`
	`17`	`+ "srvx": "^0.8.7",`
	`18`	`+ "vite": "^7.1.5"`
`13`	`19`	`}`
`14`	`20`	`}`