Initial state

skeleton/app/routes/_index.tsx

@@ -0,0 +1,28 @@
+import type { MetaFunction } from "@remix-run/node";
+import { Link } from "@remix-run/react";
+
+export const meta: MetaFunction = () => {
+  return [
+    { title: "New Remix App" },
+    { name: "description", content: "Welcome to Remix!" },
+  ];
+};
+
+export default function Index() {
+  return (
+    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.8" }}>
+      <h1>Welcome to Remix</h1>
+      <ul>
+        <li>
+          <Link to="/a">Go to A</Link>
+        </li>
+        <li>
+          <Link to="/b">Go to B</Link>
+        </li>
+        <li>
+          <Link to="/c">Go to C</Link>
+        </li>
+      </ul>
+    </div>
+  );
+}

skeleton/app/routes/a.tsx

@@ -0,0 +1,18 @@
+import HelloWorld from "@duogeeks/hello-world";
+import { Link } from "@remix-run/react";
+import config from "~/config";
+
+export default function A(props) {
+  return (
+    <div>
+      <h1>A</h1>
+      {config.description}
+      <p>
+        This is the A route. It is a function component that returns a div with
+        an h1 and a paragraph.
+      </p>
+      <Link to="/b">Go to B</Link> / <Link to="/">Go to index</Link>
+      <HelloWorld />
+    </div>
+  );
+}

skeleton/app/routes/b.tsx

@@ -0,0 +1,14 @@
+import { Link } from "@remix-run/react";
+
+export default function C(props) {
+  return (
+    <div>
+      <h1>C</h1>
+      <p>
+        This is the C route. It is a function component that returns a div with
+        an h1 and a paragraph.
+      </p>
+      <Link to="/a">Go to A</Link>
+    </div>
+  );
+}