Merge pull request #131 from CDE90/react-compiler

Add React compiler
vcroles · May 27, 2024 · 9f5c503 · 9f5c503
2 parents 84f9940 + 43c1410
commit 9f5c503
Show file tree

Hide file tree

Showing 8 changed files with 1,189 additions and 488 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -3,12 +3,14 @@
     "parserOptions": {
         "project": "./tsconfig.json"
     },
-    "plugins": ["@typescript-eslint"],
+    "plugins": ["@typescript-eslint", "eslint-plugin-react-compiler"],
     "extends": [
         "next/core-web-vitals",
         "plugin:@typescript-eslint/recommended"
     ],
     "rules": {
-        "@typescript-eslint/consistent-type-imports": "warn"
+        "@typescript-eslint/consistent-type-imports": "warn",
+        "react-compiler/react-compiler": "error",
+        "@next/next/no-img-element": "off"
     }
 }
diff --git a/next.config.mjs b/next.config.mjs
@@ -10,7 +10,6 @@ import withMarkdoc from "@markdoc/next.js";
 /** @type {import("next").NextConfig} */
 const config = {
     reactStrictMode: true,
-    swcMinify: true,
     i18n: {
         locales: ["en"],
         defaultLocale: "en",
@@ -34,7 +33,7 @@ const config = {
     },
     pageExtensions: ["js", "jsx", "ts", "tsx", "md", "mdx"],
     experimental: {
-        scrollRestoration: true,
+        reactCompiler: true,
     },
     async rewrites() {
         return [

diff --git a/package.json b/package.json
@@ -4,7 +4,7 @@
     "private": true,
     "scripts": {
         "build": "next build",
-        "dev": "next dev",
+        "dev": "next dev --turbo",
         "postinstall": "prisma generate --schema prisma/schema.prisma",
         "lint": "next lint",
         "start": "next start",
@@ -18,40 +18,41 @@
         "@heroicons/react": "^2.1.3",
         "@markdoc/markdoc": "^0.4.0",
         "@markdoc/next.js": "^0.3.7",
-        "@prisma/client": "^5.12.1",
+        "@prisma/client": "^5.14.0",
         "@sindresorhus/slugify": "^2.2.1",
-        "@tailwindcss/typography": "^0.5.12",
+        "@tailwindcss/typography": "^0.5.13",
         "@tanstack/react-query": "^4.36.1",
         "@trpc/client": "^10.45.2",
         "@trpc/next": "^10.45.2",
         "@trpc/react-query": "^10.45.2",
         "@trpc/server": "^10.45.2",
-        "@upstash/redis": "^1.29.0",
+        "@upstash/redis": "^1.31.3",
         "@vercel/og": "^0.6.2",
-        "axios": "^1.6.8",
-        "next": "14.2.3",
+        "axios": "^1.7.2",
+        "babel-plugin-react-compiler": "0.0.0-experimental-592953e-20240517",
+        "next": "15.0.0-rc.0",
         "next-sitemap": "^4.2.3",
-        "posthog-js": "^1.121.4",
-        "react": "18.3.1",
-        "react-dom": "18.3.1",
+        "posthog-js": "^1.135.2",
+        "react": "19.0.0-rc-4c2e457c7c-20240522",
+        "react-dom": "19.0.0-rc-4c2e457c7c-20240522",
         "superjson": "2.2.1",
-        "zod": "^3.22.4"
+        "zod": "^3.23.8"
     },
     "devDependencies": {
         "@tailwindcss/forms": "^0.5.7",
-        "@types/node": "^20.12.7",
-        "@types/prettier": "^3.0.0",
-        "@types/react": "^18.2.78",
-        "@types/react-dom": "^18.2.25",
-        "@typescript-eslint/eslint-plugin": "^7.6.0",
-        "@typescript-eslint/parser": "^7.6.0",
+        "@types/node": "^20.12.12",
+        "@types/react": "^18.3.3",
+        "@types/react-dom": "^18.3.0",
+        "@typescript-eslint/eslint-plugin": "^7.11.0",
+        "@typescript-eslint/parser": "^7.11.0",
         "autoprefixer": "^10.4.19",
         "eslint": "^8.57.0",
         "eslint-config-next": "14.2.3",
+        "eslint-plugin-react-compiler": "0.0.0-experimental-c8b3f72-20240517",
         "postcss": "^8.4.38",
         "prettier": "^3.2.5",
-        "prettier-plugin-tailwindcss": "^0.5.13",
-        "prisma": "^5.12.1",
+        "prettier-plugin-tailwindcss": "^0.5.14",
+        "prisma": "^5.14.0",
         "tailwindcss": "^3.4.3",
         "typescript": "^5.4.5"
     },