diff --git a/app/routes.ts b/app/routes.ts
index 102b402..db550c8 100644
--- a/app/routes.ts
+++ b/app/routes.ts
@@ -1,3 +1,3 @@
-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("about", "routes/about.tsx")] satisfies RouteConfig;
diff --git a/app/routes/about.tsx b/app/routes/about.tsx
new file mode 100644
index 0000000..5316461
--- /dev/null
+++ b/app/routes/about.tsx
@@ -0,0 +1,9 @@
+import type { Route } from "./+types/about";
+
+export function meta({}: Route.MetaArgs) {
+  return [{ title: "New React Router App" }, { name: "description", content: "Welcome to React Router!" }];
+}
+
+export default function About() {
+  return <h2>A new page</h2>;
+}