New navigation

.eslintignore

@@ -1,2 +1,5 @@
 node_modules
 !.storybook
+
+# Auto-generated TanStack Router file
+apps/console-v5/src/routeTree.gen.ts

.github/workflows/pull-request.yml

@@ -3,13 +3,13 @@ name: Pull request
 on:
   pull_request:
     branches:
-      - staging
+      - '**'
 jobs:
   test-build-and-deploy:
     uses: ./.github/workflows/test-build-and-deploy.yml
     with:
       flow: pull-request
-      branch: staging
+      branch: ${{ github.base_ref }}
       configuration: staging
       project-name: Console V3
       environment-name: staging

.github/workflows/test-build-and-deploy.yml

@@ -98,10 +98,9 @@ jobs:
       # easier troubleshooting. See more here: https://nx.dev/nx-cloud/set-up/record-commands#recording-non-nx-commands
       parallel-commands: |
         npx nx-cloud record -- npx nx format:check
+      # Single line required: nrwl/ci splits by newline and runs each line as a separate parallel command
       parallel-commands-on-agents: |
-        npx nx affected --target=lint --parallel=3
-        npx nx affected --target=test --parallel=3 --configuration=${{ inputs.configuration }} --ci --coverage --coverageReporters=lcov --silent
-        npx nx affected --target=build --parallel=3
+        EXCLUDED_PAGES="$(node -e "const p=JSON.parse(require('child_process').execSync('npx nx show projects --json',{encoding:'utf8'})); process.stdout.write(p.filter(x=>x.startsWith('pages-')).join(','));")"; if [ -n "$EXCLUDED_PAGES" ]; then EXCLUDE_ARG="--exclude=$EXCLUDED_PAGES"; EXCLUDE_TEST_ARG="--exclude=$EXCLUDED_PAGES,console"; echo "Skipping pages projects: $EXCLUDED_PAGES"; else EXCLUDE_ARG=""; EXCLUDE_TEST_ARG="--exclude=console"; fi; if [ "${{ inputs.flow }}" = "pull-request" ]; then npx nx run console-v5:lint && npx nx affected --target=test --parallel=3 --configuration=${{ inputs.configuration }} --ci --coverage --coverageReporters=lcov --silent $EXCLUDE_TEST_ARG && yarn sync-changelog && npx nx run console-v5:build --configuration=development; else npx nx affected --target=lint --parallel=3 $EXCLUDE_ARG && npx nx affected --target=test --parallel=3 --configuration=${{ inputs.configuration }} --ci --coverage --coverageReporters=lcov --silent $EXCLUDE_TEST_ARG && yarn sync-changelog && npx nx affected --target=build --parallel=3 $EXCLUDE_ARG; fi
       artifacts-path: |
         dist/
         coverage/

.gitignore

@@ -70,3 +70,6 @@ Thumbs.db
 .nx/workspace-data
 .cursor/rules/nx-rules.mdc
 .github/instructions/nx.instructions.md
+
+vite.config.*.timestamp*
+vitest.config.*.timestamp*

.prettierignore

@@ -10,4 +10,7 @@
 
 # Symlinked skill directories (cause EISDIR errors in prettier)
 .cursor/skills
-.claude/skills
+.claude/skills
+
+# Auto-generated TanStack Router file
+apps/console-v5/src/routeTree.gen.ts

Dockerfile

@@ -44,14 +44,14 @@ RUN --mount=type=cache,target=/root/.yarn \
 # Copy source files (use .dockerignore to exclude unnecessary files)
 COPY . .
 
-# Build with NX cache mount for faster rebuilds
+# Build console-v5 with NX cache mount for faster rebuilds
 RUN --mount=type=cache,target=/app/node_modules/.cache/nx \
-    yarn build
+    yarn nx build console-v5 --configuration=production
 
 # Bundle static assets with nginx
 FROM nginx:1.25-alpine
 # Copy built assets from builder
-COPY --from=builder /app/dist/apps/* /usr/share/nginx/html
+COPY --from=builder /app/dist/apps/console-v5 /usr/share/nginx/html
 # Add your nginx.conf
 COPY nginx.conf /etc/nginx/conf.d/default.conf
 # Expose port

__tests__/mocks.ts

@@ -1,5 +1,6 @@
-import { Auth0ProviderOptions } from '@auth0/auth0-react'
-import { ComponentType } from 'react'
+import type { Auth0ProviderOptions } from '@auth0/auth0-react'
+import type { ComponentType } from 'react'
+import * as React from 'react'
 
 jest.mock('@auth0/auth0-react', () => ({
   Auth0Provider: ({ children }: Auth0ProviderOptions) => children,
@@ -16,6 +17,42 @@ jest.mock('@auth0/auth0-react', () => ({
   },
 }))
 
+jest.mock('@tanstack/react-router', () => {
+  const React = jest.requireActual('react')
+  const navigateMock = jest.fn()
+  return {
+    ...jest.requireActual('@tanstack/react-router'),
+    useParams: jest.fn(() => ({
+      organizationId: '',
+      projectId: '',
+      environmentId: '',
+      serviceId: '',
+      clusterId: '',
+      applicationId: '',
+      databaseId: '',
+    })),
+    useNavigate: jest.fn(() => navigateMock),
+    useLocation: jest.fn(() => ({
+      pathname: '/',
+      search: '',
+    })),
+    useRouter: jest.fn(() => ({
+      buildLocation: jest.fn(() => ({
+        href: '/',
+      })),
+    })),
+    useMatches: jest.fn(() => []),
+    useSearch: jest.fn(() => ({})),
+    useMatchRoute: jest.fn(() => () => false),
+    Link: React.forwardRef(
+      (
+        { children, ...props }: { children?: React.ReactNode; [key: string]: unknown },
+        ref: React.Ref<HTMLAnchorElement>
+      ) => React.createElement('a', { ref, ...props }, children)
+    ),
+  }
+})
+
 jest.mock('@uidotdev/usehooks', () => ({
   useDocumentTitle: jest.fn(),
   useClickAway: jest.fn(),

apps/console-v5/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+  "extends": ["plugin:@nx/react", "../../.eslintrc.json"],
+  "ignorePatterns": ["!**/*", "**/vite.config.*.timestamp*", "**/vitest.config.*.timestamp*"],
+  "overrides": [
+    {
+      "files": ["*.ts", "*.tsx", "*.js", "*.jsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.ts", "*.tsx"],
+      "rules": {}
+    },
+    {
+      "files": ["*.js", "*.jsx"],
+      "rules": {}
+    }
+  ]
+}

apps/console-v5/index.html

@@ -0,0 +1,15 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <title>Console</title>
+    <base href="/" />
+
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
+  </head>
+  <body class="bg-background text-neutral">
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>

apps/console-v5/postcss.config.js

@@ -0,0 +1,15 @@
+const { join } = require('path')
+
+// Note: If you use library-specific PostCSS/Tailwind configuration then you should remove the `postcssConfig` build
+// option from your application's configuration (i.e. project.json).
+//
+// See: https://nx.dev/guides/using-tailwind-css-in-react#step-4:-applying-configuration-to-libraries
+
+module.exports = {
+  plugins: {
+    tailwindcss: {
+      config: join(__dirname, 'tailwind.config.js'),
+    },
+    autoprefixer: {},
+  },
+}

apps/console-v5/project.json

@@ -0,0 +1,66 @@
+{
+  "name": "console-v5",
+  "$schema": "../../node_modules/nx/schemas/project-schema.json",
+  "sourceRoot": "/apps/console-v5/src",
+  "projectType": "application",
+  "tags": [],
+  "targets": {
+    "build": {
+      "executor": "@nx/vite:build",
+      "outputs": ["{options.outputPath}"],
+      "defaultConfiguration": "production",
+      "options": {
+        "outputPath": "dist/apps/console-v5"
+      },
+      "configurations": {
+        "development": {
+          "mode": "development"
+        },
+        "production": {
+          "mode": "production"
+        }
+      }
+    },
+    "serve": {
+      "executor": "@nx/vite:dev-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "console-v5:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "console-v5:build:development",
+          "hmr": true
+        },
+        "production": {
+          "buildTarget": "console-v5:build:production",
+          "hmr": false
+        }
+      }
+    },
+    "preview": {
+      "dependsOn": ["build"],
+      "executor": "@nx/vite:preview-server",
+      "defaultConfiguration": "development",
+      "options": {
+        "buildTarget": "console-v5:build"
+      },
+      "configurations": {
+        "development": {
+          "buildTarget": "console-v5:build:development"
+        },
+        "production": {
+          "buildTarget": "console-v5:build:production"
+        }
+      }
+    },
+    "serve-static": {
+      "executor": "@nx/web:file-server",
+      "dependsOn": ["build"],
+      "options": {
+        "buildTarget": "console-v5:build",
+        "spa": true
+      }
+    }
+  }
+}

apps/console-v5/public/changelog/latest.json

@@ -0,0 +1,8 @@
+[
+  {
+    "name": "Qovery Changelogs",
+    "summary": "We're super excited to announce new features and improvements: NGINX Ingress migration update, Road to Kubernetes 1.34 and 1.35, Terraform improvements",
+    "url": "https://www.qovery.com/changelog/2026-03-11",
+    "firstPublishedAt": "2026-03-11T00:00:00.000Z"
+  }
+]