perf: Add react compiler

Author: aXenDeveloper

apps/docs/next.config.ts

@@ -9,6 +9,8 @@ const withBundleAnalyzer = nextAnalyzer({
   enabled: process.env.ANALYZE === "true",
 });
 
-const nextConfig: NextConfig = {};
+const nextConfig: NextConfig = {
+  reactCompiler: true,
+};
 
 export default withBundleAnalyzer(withMDX(vitNodeNextConfig(nextConfig)));

apps/docs/package.json

@@ -53,6 +53,7 @@
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",
     "@vitnode/config": "workspace:*",
+    "babel-plugin-react-compiler": "^1.0.0",
     "class-variance-authority": "^0.7.1",
     "eslint": "^9.39.1",
     "postcss": "^8.5.6",

apps/docs/src/app/layout.tsx

@@ -1,7 +1,5 @@
 import "./global.css";
 
-export const experimental_ppr = true;
-
 export default async function RootLayout({
   children,
 }: {

packages/create-vitnode-app/copy-of-vitnode-app/root/next.config.ts

@@ -2,10 +2,7 @@ import { vitNodeNextConfig } from "@vitnode/core/config/next.config";
 import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
-  experimental: {
-    inlineCss: true,
-    ppr: "incremental",
-  },
+  reactCompiler: true,
 };
 
 export default vitNodeNextConfig(nextConfig);

packages/create-vitnode-app/src/create/create-package-json.ts

@@ -65,6 +65,7 @@ const versions = {
   zod: "^4.1.12",
 
   cva: "^0.7.1",
+  babelPluginReactCompiler: "^1.0.0",
 };
 
 /**
@@ -225,6 +226,7 @@ const singleAppDevDeps = (eslint: boolean) => ({
   "@types/react": versions.typesReact,
   "@types/react-dom": versions.typesReactDom,
   "@vitnode/config": "",
+  "babel-plugin-react-compiler": versions.babelPluginReactCompiler,
   ...withIf(eslint, {
     eslint: versions.eslint,
     prettier: versions.prettier,
@@ -255,6 +257,7 @@ const webDevDeps = (eslint: boolean) => ({
   "@types/react": versions.typesReact,
   "@types/react-dom": versions.typesReactDom,
   "@vitnode/config": "",
+  "babel-plugin-react-compiler": versions.babelPluginReactCompiler,
   "class-variance-authority": versions.cva,
   ...withIf(eslint, { eslint: versions.eslint }),
   postcss: versions.postcss,

packages/vitnode/package.json

@@ -20,8 +20,8 @@
   ],
   "peerDependencies": {
     "@hono/zod-openapi": "^1.0.x",
-    "@swc/cli": "0.6.x",
-    "@swc/core": "1.12.x",
+    "@swc/cli": "0.7.x",
+    "@swc/core": "1.x.x",
     "@types/react": "^19.1.x",
     "@types/react-dom": "^19.1.x",
     "drizzle-kit": "^0.31.x",
@@ -41,8 +41,8 @@
     "@hono/zod-validator": "^0.7.4",
     "@hookform/resolvers": "^5.2.2",
     "@react-email/components": "^1.0.0",
-    "@swc/cli": "0.6.0",
-    "@swc/core": "^1.13.5",
+    "@swc/cli": "^0.7.9",
+    "@swc/core": "^1.15.1",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
     "@types/node": "^24.10.0",

plugins/blog/package.json

@@ -52,7 +52,7 @@
   },
   "devDependencies": {
     "@react-email/components": "^1.0.0",
-    "@swc/cli": "0.6.0",
+    "@swc/cli": "^0.7.9",
     "@swc/core": "^1.15.1",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19.2.2",

pnpm-lock.yaml

@@ -5,4 +5,5 @@ packages:
 
 ignoredBuiltDependencies:
   - '@swc/core'
+  - esbuild
   - sharp