<repo_name>joonhwan/nginx-multiple-react-with-router<file_sep>/clients/app/src/Home.js
export default function Home() {
  return (
    <div>
      <h2>Home Page</h2>
      <p>User App - Home</p>
    </div>
  );
}
<file_sep>/clients/app/src/App.js
import { Switch, Route, NavLink, Link } from "react-router-dom";
import "./App.css";
import Home from "./Home";
import About from "./About";
import NotFound from "./NotFound";

function App() {
  return (
    <div className="App">
      <div>
        <ul>
          <li>
            <NavLink to="/home">Home</NavLink>
          </li>
          <li>
            <NavLink to="/about">About</NavLink>
          </li>
          <li>
            <a href="/dashboard">Dashboard</a>
          </li>
        </ul>
      </div>
      <Switch>
        <Route path="/" exact component={Home} />
        <Route path="/home" component={Home} />
        <Route path="/about" component={About} />
        <Route component={NotFound} />
      </Switch>
    </div>
  );
}

export default App;
<file_sep>/clients/dashboard/src/Manage.js
export default function Manage() {
  return (
    <div>
      <h2>Manage Page</h2>
      <p>Dashboard App - Manage</p>
    </div>
  );
}
<file_sep>/clients/dashboard/src/Settings.js
export default function Settings() {
  return (
    <div>
      <h2>Settings Page</h2>
      <p>Dashboard App - Settings</p>
    </div>
  );
}
<file_sep>/clients/dashboard/src/App.js
import { Route, Switch, Redirect, NavLink, Link } from "react-router-dom";
import "./App.css";
import Manage from "./Manage";
import Settings from "./Settings";
import NotFound from "./NotFound";

function App() {
  return (
    <div className="App">
      <nav>
        <ul>
          <li>
            <NavLink to="/manage">Manage</NavLink>
          </li>
          <li>
            <NavLink to="/settings">Settings</NavLink>
          </li>
          <li>
            <a href="/app">Return User App</a>
          </li>
        </ul>
      </nav>
      <Switch>
        <Route path="/" exact>
          <Redirect to={"/manage"} />
        </Route>
        <Route path="/manage" component={Manage} />
        <Route path="/settings" component={Settings} />
        <Route component={NotFound} />
      </Switch>
    </div>
  );
}

export default App;
