Refactor routing in App component to enhance navigation and improve error handling by integrating dynamic routes and updating the NotFound route.

node_modules/astro/dist/cli/preview/index.d.ts

@@ -0,0 +1,6 @@
+import { type Flags } from '../flags.js';
+interface PreviewOptions {
+    flags: Flags;
+}
+export declare function preview({ flags }: PreviewOptions): Promise<import("../../@types/astro.js").PreviewServer | undefined>;
+export {};

node_modules/astro/dist/cli/preview/index.js

@@ -0,0 +1,30 @@
+import { cyan } from "kleur/colors";
+import { printHelp } from "../../core/messages.js";
+import previewServer from "../../core/preview/index.js";
+import { flagsToAstroInlineConfig } from "../flags.js";
+async function preview({ flags }) {
+  if (flags?.help || flags?.h) {
+    printHelp({
+      commandName: "astro preview",
+      usage: "[...flags]",
+      tables: {
+        Flags: [
+          ["--port", `Specify which port to run on. Defaults to 4321.`],
+          ["--host", `Listen on all addresses, including LAN and public addresses.`],
+          ["--host <custom-address>", `Expose on a network IP address at <custom-address>`],
+          ["--open", "Automatically open the app in the browser on server start"],
+          ["--help (-h)", "See all available flags."]
+        ]
+      },
+      description: `Starts a local server to serve your static dist/ directory. Check ${cyan(
+        "https://docs.astro.build/en/reference/cli-reference/#astro-preview"
+      )} for more information.`
+    });
+    return;
+  }
+  const inlineConfig = flagsToAstroInlineConfig(flags);
+  return await previewServer(inlineConfig);
+}
+export {
+  preview
+};