feat: add route

Author: Angular2Guy

frontend/app/login/login.tsx

@@ -0,0 +1,8 @@
+export function Login() {
+  return (
+    <div>
+      <h1>Welcome to the App!</h1>
+      <p>This is a simple React Router application.</p>
+    </div>
+  );
+}

frontend/app/routes.ts

@@ -1,3 +1,6 @@
-import { type RouteConfig, index } from "@react-router/dev/routes";
+import { type RouteConfig, index, route } from "@react-router/dev/routes";
 
-export default [index("routes/home.tsx")] satisfies RouteConfig;
+export default [
+    index("routes/home.tsx"),
+    route("app/app", "routes/app.tsx"),
+] satisfies RouteConfig;

frontend/app/routes/app.tsx

@@ -0,0 +1,13 @@
+import type { Route } from "./+types/app";
+import { Welcome } from "~/welcome/welcome";
+
+export function meta({}: Route.MetaArgs) {
+  return [
+    { title: "New React Router App" },
+    { name: "description", content: "Welcome to React Router!" },
+  ];
+}
+
+export default function Home() {
+  return <Welcome />;
+}

frontend/app/routes/home.tsx

@@ -1,5 +1,5 @@
 import type { Route } from "./+types/home";
-import { Welcome } from "../welcome/welcome";
+import { Login } from "~/login/login";
 
 export function meta({}: Route.MetaArgs) {
   return [
@@ -9,5 +9,5 @@ export function meta({}: Route.MetaArgs) {
 }
 
 export default function Home() {
-  return <Welcome />;
+  return <Login />;
 }