react-typescript starter fixes

Author: galvez

examples/react-vanilla-ts-src/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "example-react-vanilla",
+  "name": "example-react-vanilla-ts-src",
   "type": "module",
   "scripts": {
     "dev": "tsx src/server.ts --dev",

pnpm-lock.yaml

@@ -5,7 +5,7 @@
     "dev": "tsx server.ts --dev",
     "start": "NODE_ENV=production node dist/server.js",
     "build": "pnpm build:client && pnpm build:server",
-    "build:server": "tsdown server.ts",
+    "build:server": "tsc && tsdown server.ts",
     "build:client": "NODE_ENV=production vite build"
   },
   "dependencies": {
@@ -24,12 +24,16 @@
   },
   "devDependencies": {
     "@tailwindcss/postcss": "^4.1.1",
+    "@types/node": "^22.13.17",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
     "@vitejs/plugin-react": "^4.3.4",
     "oxlint": "^0.16.6",
     "postcss": "^8.5.3",
     "postcss-preset-env": "^10.1.5",
     "tailwindcss": "^4.1.1",
     "tsdown": "^0.9.1",
+    "typescript": "^5.8.3",
     "vite": "^6.2.4"
   }
 }

starters/react-typescript/package.json

@@ -10,12 +10,16 @@ const server = Fastify({
   }
 })
 
+// @ts-ignore
 await server.register(FastifyFormBody)
+// @ts-ignore
 await server.register(FastifyVite, {
-  root: import.meta.dirname,
+  // TODO handle via CLI path argument with proper resolve
+  root: process.cwd(),
   renderer: '@fastify/react',
 })
 
+// @ts-ignore
 await server.vite.ready()
 
 server.decorate('db', {
@@ -27,11 +31,13 @@ server.decorate('db', {
 })
 
 server.put('/api/todo/items', (req, reply) => {
+  // @ts-ignore
   server.db.todoList.push(req.body)
   reply.send({ ok: true })
 })
 
 server.delete('/api/todo/items', (req, reply) => {
+  // @ts-ignore
   server.db.todoList.splice(req.body, 1)
   reply.send({ ok: true })
 })

starters/react-typescript/server.ts

@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "esnext",
+    "lib": ["es2022", "DOM"],
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "types": ["node"],
+    "strict": true,
+    "noUnusedLocals": true,
+    "declaration": true,
+    "isolatedDeclarations": false,
+    "esModuleInterop": true,
+    "verbatimModuleSyntax": true,
+    "skipLibCheck": true,
+    "outDir": "dist",
+    "jsx": "react-jsx",
+  },
+  "include": [
+    "./server.ts",
+  ],
+  "exclude": ["**/*.test.ts"]
+}

starters/react-typescript/tsconfig.json

@@ -1,4 +1,4 @@
-import { join, dirname } from 'path'
+import { join, resolve } from 'path'
 import { fileURLToPath } from 'url'
 
 import viteReact from '@vitejs/plugin-react'
@@ -12,4 +12,7 @@ export default {
       ts: true
     }),
   ],
+  build: {
+    outDir: resolve(import.meta.dirname, 'dist')
+  },
 }