bro.config.js

@@ -9,7 +9,10 @@ module.exports = {
   },
   /* use https://admin.bro-js.ru/ to create config, navigations and features */
   navigations: {
-    "dry-wash-pl.main": "/dry-wash-pl",
+    "dry-wash.main": "/dry-wash",
+    "dry-wash.create": "/order",
+    "dry-wash.view.order": "/order/:orderId",
+    "dry-wash.arm": "/arm",
   },
   features: {
     "dry-wash-pl": {

package-lock.json

@@ -12,7 +12,8 @@
                 "@brojs/cli": "^1.3.0",
                 "express": "^4.21.1",
                 "react": "^18.3.1",
-                "react-dom": "^18.3.1"
+                "react-dom": "^18.3.1",
+                "react-router-dom": "^6.27.0"
             }
         },
         "node_modules/@ampproject/remapping": {
@@ -1869,6 +1870,14 @@
                 "node": ">=14"
             }
         },
+        "node_modules/@remix-run/router": {
+            "version": "1.20.0",
+            "resolved": "https://registry.npmjs.org/@remix-run/router/-/router-1.20.0.tgz",
+            "integrity": "sha512-mUnk8rPJBI9loFDZ+YzPGdeniYK+FTmRD1TMCz7ev2SNIozyKKpnGgsxO34u6Z4z/t0ITuu7voi/AshfsGsgFg==",
+            "engines": {
+                "node": ">=14.0.0"
+            }
+        },
         "node_modules/@types/estree": {
             "version": "1.0.6",
             "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.6.tgz",
@@ -5344,6 +5353,36 @@
                 }
             }
         },
+        "node_modules/react-router": {
+            "version": "6.27.0",
+            "resolved": "https://registry.npmjs.org/react-router/-/react-router-6.27.0.tgz",
+            "integrity": "sha512-YA+HGZXz4jaAkVoYBE98VQl+nVzI+cVI2Oj/06F5ZM+0u3TgedN9Y9kmMRo2mnkSK2nCpNQn0DVob4HCsY/WLw==",
+            "dependencies": {
+                "@remix-run/router": "1.20.0"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.8"
+            }
+        },
+        "node_modules/react-router-dom": {
+            "version": "6.27.0",
+            "resolved": "https://registry.npmjs.org/react-router-dom/-/react-router-dom-6.27.0.tgz",
+            "integrity": "sha512-+bvtFWMC0DgAFrfKXKG9Fc+BcXWRUO1aJIihbB79xaeq0v5UzfvnM5houGUm1Y461WVRcgAQ+Clh5rdb1eCx4g==",
+            "dependencies": {
+                "@remix-run/router": "1.20.0",
+                "react-router": "6.27.0"
+            },
+            "engines": {
+                "node": ">=14.0.0"
+            },
+            "peerDependencies": {
+                "react": ">=16.8",
+                "react-dom": ">=16.8"
+            }
+        },
         "node_modules/readdirp": {
             "version": "3.6.0",
             "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-3.6.0.tgz",

package.json

@@ -17,6 +17,7 @@
         "@brojs/cli": "^1.3.0",
         "express": "^4.21.1",
         "react": "^18.3.1",
-        "react-dom": "^18.3.1"
+        "react-dom": "^18.3.1",
+        "react-router-dom": "^6.27.0"
     }
 }

src/app.tsx

@@ -1,8 +1,12 @@
-import React from 'react';
+import React from "react";
+import { BrowserRouter } from "react-router-dom";
+import Routers from "./routes";
 
 const App = () => {
   return (
-    <h1>Сухой мастер </h1>
+    <BrowserRouter>
+      <Routers></Routers>
+    </BrowserRouter>
   );
 };
 

src/pages/arm/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Arm </h1>;
+};
+
+export default Page;

src/pages/landing/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Landing</h1>;
+};
+
+export default Page;

src/pages/order-form/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Order form </h1>;
+};
+
+export default Page;

src/pages/order-view/index.tsx

@@ -0,0 +1,7 @@
+import React from "react";
+
+const Page = () => {
+  return <h1>Order view</h1>;
+};
+
+export default Page;

src/routes.tsx

@@ -0,0 +1,17 @@
+import React from "react";
+import { Routes, Route } from "react-router-dom";
+import Arm from "./pages/arm";
+import Order from "./pages/order-view";
+import Landing from "./pages/landing";
+
+const Routers = () => {
+  return (
+    <Routes>
+      <Route path="/dry-wash-pl" element={<Landing />}></Route>
+      <Route path="/dry-wash-pl/order" element={<Order />}></Route>
+      <Route path="/dry-wash-pl/arm" element={<Arm />}></Route>
+    </Routes>
+  );
+};
+
+export default Routers;