expose NEXTJS_VERSION and upgrade nextjs (#5039)

* expose NEXTJS_VERSION and upgrade nextjs

* disable turbopack

* Add next_dev_indicators config knob, default to False

The nextjs dev indicator might be useful in some circumstances, but it also can
block elements that we want to click for integration tests. Since it's a new
feature, disable it until we find that it's useful -- otherwise it's just
branding for Vercel.

---------

Co-authored-by: Masen Furer <[email protected]>

Author: adhami3310

reflex/config.py

@@ -703,7 +703,7 @@ class EnvironmentVariables:
     REFLEX_STATE_SIZE_LIMIT: EnvVar[int] = env_var(1000)
 
     # Whether to use the turbopack bundler.
-    REFLEX_USE_TURBOPACK: EnvVar[bool] = env_var(True)
+    REFLEX_USE_TURBOPACK: EnvVar[bool] = env_var(False)
 
     # Additional paths to include in the hot reload. Separated by a colon.
     REFLEX_HOT_RELOAD_INCLUDE_PATHS: EnvVar[list[Path]] = env_var([])
@@ -826,6 +826,9 @@ class Config:  # pyright: ignore [reportIncompatibleVariableOverride]
     # Whether to enable or disable nextJS gzip compression.
     next_compression: bool = True
 
+    # Whether to enable or disable NextJS dev indicator.
+    next_dev_indicators: bool = False
+
     # Whether to use React strict mode in nextJS
     react_strict_mode: bool = True
 

reflex/constants/installer.py

@@ -2,6 +2,7 @@
 
 from __future__ import annotations
 
+import os
 from types import SimpleNamespace
 
 from .base import IS_WINDOWS
@@ -84,7 +85,7 @@ class Commands(SimpleNamespace):
         "@emotion/react": "11.14.0",
         "axios": "1.8.3",
         "json5": "2.2.3",
-        "next": "15.0.4",
+        "next": os.getenv("NEXTJS_VERSION", "15.2.4"),
         "next-sitemap": "4.2.3",
         "next-themes": "0.4.6",
         "react": "19.0.0",

reflex/utils/prerequisites.py

@@ -1067,6 +1067,7 @@ def _update_next_config(
         "compress": config.next_compression,
         "trailingSlash": True,
         "staticPageGenerationTimeout": config.static_page_generation_timeout,
+        "devIndicators": config.next_dev_indicators,
     }
     if transpile_packages:
         next_config["transpilePackages"] = list(

tests/units/test_prerequisites.py

@@ -32,31 +32,31 @@
                 app_name="test",
             ),
             False,
-            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60};',
+            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60, devIndicators: false};',
         ),
         (
             Config(
                 app_name="test",
                 static_page_generation_timeout=30,
             ),
             False,
-            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 30};',
+            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 30, devIndicators: false};',
         ),
         (
             Config(
                 app_name="test",
                 next_compression=False,
             ),
             False,
-            'module.exports = {basePath: "", compress: false, trailingSlash: true, staticPageGenerationTimeout: 60};',
+            'module.exports = {basePath: "", compress: false, trailingSlash: true, staticPageGenerationTimeout: 60, devIndicators: false};',
         ),
         (
             Config(
                 app_name="test",
                 frontend_path="/test",
             ),
             False,
-            'module.exports = {basePath: "/test", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60};',
+            'module.exports = {basePath: "/test", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60, devIndicators: false};',
         ),
         (
             Config(
@@ -65,14 +65,22 @@
                 next_compression=False,
             ),
             False,
-            'module.exports = {basePath: "/test", compress: false, trailingSlash: true, staticPageGenerationTimeout: 60};',
+            'module.exports = {basePath: "/test", compress: false, trailingSlash: true, staticPageGenerationTimeout: 60, devIndicators: false};',
         ),
         (
             Config(
                 app_name="test",
             ),
             True,
-            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60, output: "export", distDir: "_static"};',
+            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60, devIndicators: false, output: "export", distDir: "_static"};',
+        ),
+        (
+            Config(
+                app_name="test",
+                next_dev_indicators=True,
+            ),
+            True,
+            'module.exports = {basePath: "", compress: true, trailingSlash: true, staticPageGenerationTimeout: 60, devIndicators: true, output: "export", distDir: "_static"};',
         ),
     ],
 )