diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index 3f91712a..040e3452 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -32,6 +32,7 @@ import PrivacyPolicy from "@/components/pages/PrivacyPolicy";
 import Profile from "@/components/pages/Profile";
 import ResearchPage from "@/components/pages/ResearchPage";
 import SellerDashboard from "@/components/pages/SellerDashboard";
+import SellerOnboarding from "@/components/pages/SellerOnboarding";
 import Signup from "@/components/pages/Signup";
 import Terminal from "@/components/pages/Terminal";
 import TermsOfService from "@/components/pages/TermsOfService";
@@ -39,8 +40,6 @@ import { AlertQueue, AlertQueueProvider } from "@/hooks/useAlertQueue";
 import { AuthenticationProvider } from "@/hooks/useAuth";
 import ROUTES from "@/lib/types/routes";
 
-import SellerOnboarding from "./components/pages/SellerOnboarding";
-
 const App = () => {
   return (
     <Router>
@@ -97,44 +96,53 @@ const App = () => {
                           element={<EmailSignup />}
                         />
                         <Route path={ROUTES.KEYS.path} element={<APIKeys />} />
+                        <Route
+                          path={ROUTES.PROFILE.path}
+                          element={<Profile />}
+                        />
 
                         {/* Listings */}
-                        <Route path={ROUTES.CREATE.path} element={<Create />} />
-                        <Route path={ROUTES.BROWSE.path} element={<Browse />} />
+                        <Route path={ROUTES.LISTINGS.path}>
+                          <Route
+                            path={ROUTES.LISTINGS.$.BROWSE.relativePath}
+                            element={<Browse />}
+                          />
+                          <Route
+                            path={ROUTES.LISTINGS.$.CREATE.relativePath}
+                            element={<Create />}
+                          />
+                        </Route>
                         <Route
                           path={ROUTES.LISTING.path}
                           element={<Listing />}
                         />
-                        <Route
-                          path={ROUTES.PROFILE.path}
-                          element={<Profile />}
-                        />
                         <Route
                           path={ROUTES.FILE.path}
                           element={<FileBrowser />}
                         />
 
                         {/* Seller */}
-                        <Route path={ROUTES.SELL.path}>
+                        <Route
+                          path={ROUTES.SELL.path}
+                          element={<SellerDashboard />}
+                        >
                           <Route
-                            path={ROUTES.SELL.ONBOARDING.path}
+                            path={ROUTES.SELL.$.ONBOARDING.relativePath}
                             element={<SellerOnboarding />}
                           />
                           <Route
-                            path={ROUTES.SELL.DASHBOARD.path}
-                            element={<SellerDashboard />}
-                          />
-                          <Route
-                            path={ROUTES.SELL.DELETE.path}
+                            path={ROUTES.SELL.$.DELETE.relativePath}
                             element={<DeleteConnect />}
                           />
                         </Route>
 
                         {/* Orders */}
-                        <Route
-                          path={ROUTES.ORDER.SUCCESS.path}
-                          element={<OrderSuccess />}
-                        />
+                        <Route path={ROUTES.ORDER.path}>
+                          <Route
+                            path={ROUTES.ORDER.$.SUCCESS.relativePath}
+                            element={<OrderSuccess />}
+                          />
+                        </Route>
                         <Route
                           path={ROUTES.ORDERS.path}
                           element={<OrdersPage />}
diff --git a/frontend/src/components/auth/SignupForm.tsx b/frontend/src/components/auth/SignupForm.tsx
index 0dec1c41..d002d06b 100644
--- a/frontend/src/components/auth/SignupForm.tsx
+++ b/frontend/src/components/auth/SignupForm.tsx
@@ -57,7 +57,7 @@ const SignupForm: React.FC<SignupFormProps> = ({ signupTokenId }) => {
         addErrorAlert(error);
       } else {
         addAlert("Registration successful! You can now log in.", "success");
-        navigate("/login");
+        navigate(ROUTES.LOGIN.path);
         // Sign user in automatically?
       }
     } catch (err) {
diff --git a/frontend/src/components/listing/ListingDeleteButton.tsx b/frontend/src/components/listing/ListingDeleteButton.tsx
index 43f1a0fd..8919c43a 100644
--- a/frontend/src/components/listing/ListingDeleteButton.tsx
+++ b/frontend/src/components/listing/ListingDeleteButton.tsx
@@ -6,6 +6,7 @@ import Modal from "@/components/ui/Modal";
 import { Button } from "@/components/ui/button";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 interface Props {
   listingId: string;
@@ -37,7 +38,7 @@ const ListingDeleteButton = (props: Props) => {
       setDeleting(false);
     } else {
       addAlert("Listing was deleted successfully", "success");
-      navigate("/browse");
+      navigate(ROUTES.LISTINGS.BROWSE.path);
     }
   };
 
diff --git a/frontend/src/components/listing/ListingMetadata.tsx b/frontend/src/components/listing/ListingMetadata.tsx
index a86858a6..45c6ffff 100644
--- a/frontend/src/components/listing/ListingMetadata.tsx
+++ b/frontend/src/components/listing/ListingMetadata.tsx
@@ -10,6 +10,7 @@ import { useNavigate } from "react-router-dom";
 
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 interface Props {
   listingId: string;
@@ -110,7 +111,7 @@ const ListingMetadata = ({
         <div className="flex items-center gap-2">
           <button
             onClick={() => {
-              navigate(`/profile/${creatorId}`);
+              navigate(ROUTES.PROFILE.buildPath({ id: creatorId }));
             }}
             className="text-blue-500 hover:bg-gray-100 rounded px-1 flex items-center gap-1"
           >
diff --git a/frontend/src/components/listing/artifacts/TgzArtifact.tsx b/frontend/src/components/listing/artifacts/TgzArtifact.tsx
index b5ffc968..ac0b116a 100644
--- a/frontend/src/components/listing/artifacts/TgzArtifact.tsx
+++ b/frontend/src/components/listing/artifacts/TgzArtifact.tsx
@@ -60,7 +60,7 @@ const UrdfViewerButton = ({ artifact }: Props) => {
     <Button
       className="p-3 w-full mt-2"
       onClick={() => {
-        navigate(`/file/${artifact.artifact_id}`);
+        navigate(ROUTES.FILE.buildPath({ artifactId: artifact.artifact_id }));
       }}
       variant="secondary"
     >
diff --git a/frontend/src/components/modals/RegisterRobotModal.tsx b/frontend/src/components/modals/RegisterRobotModal.tsx
index b199434f..97e9a5e8 100644
--- a/frontend/src/components/modals/RegisterRobotModal.tsx
+++ b/frontend/src/components/modals/RegisterRobotModal.tsx
@@ -14,6 +14,7 @@ import { Label } from "@/components/ui/label";
 import { Textarea } from "@/components/ui/textarea";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 import Spinner from "../ui/Spinner";
 
@@ -52,7 +53,7 @@ export function RegisterRobotModal({
         addErrorAlert(error);
       } else {
         addAlert("Robot registered successfully", "success");
-        navigate(`/terminal/${data.id}`);
+        navigate(ROUTES.TERMINAL.WITH_ID.buildPath({ id: data.id }));
       }
     } catch (error) {
       addErrorAlert(error);
diff --git a/frontend/src/components/nav/Navbar.tsx b/frontend/src/components/nav/Navbar.tsx
index d566258d..6bca68a4 100644
--- a/frontend/src/components/nav/Navbar.tsx
+++ b/frontend/src/components/nav/Navbar.tsx
@@ -47,7 +47,7 @@ const Navbar = () => {
   const technicalItems = [
     {
       name: "Builds",
-      path: ROUTES.BROWSE.path,
+      path: ROUTES.LISTINGS.BROWSE.path,
       icon: <MagnifyingGlassIcon className="h-5 w-5" />,
       isExternal: false,
     },
diff --git a/frontend/src/components/pages/Browse.tsx b/frontend/src/components/pages/Browse.tsx
index 35320bdd..0a979bda 100644
--- a/frontend/src/components/pages/Browse.tsx
+++ b/frontend/src/components/pages/Browse.tsx
@@ -16,6 +16,7 @@ import {
 import { components, paths } from "@/gen/api";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 import { useDebounce } from "@uidotdev/usehooks";
 
 type SortOption = components["schemas"]["SortOption"];
@@ -164,7 +165,7 @@ const Browse = () => {
               </DropdownMenuContent>
             </DropdownMenu>
             <Button
-              onClick={() => navigate(`/create`)}
+              onClick={() => navigate(ROUTES.LISTINGS.CREATE.path)}
               variant="primary"
               size="lg"
               className="w-full md:w-auto"
diff --git a/frontend/src/components/pages/Create.tsx b/frontend/src/components/pages/Create.tsx
index 5d74fd31..6104bc40 100644
--- a/frontend/src/components/pages/Create.tsx
+++ b/frontend/src/components/pages/Create.tsx
@@ -14,6 +14,7 @@ import { Button } from "@/components/ui/button";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
 import { NewListingSchema, NewListingType } from "@/lib/types";
+import ROUTES from "@/lib/types/routes";
 import { slugify } from "@/lib/utils/formatString";
 import { convertToCents, convertToDecimal } from "@/lib/utils/priceFormat";
 import { zodResolver } from "@hookform/resolvers/zod";
@@ -136,7 +137,12 @@ const Create = () => {
 
       if (responseData && responseData.username && responseData.slug) {
         addAlert("New listing was created successfully", "success");
-        navigate(`/item/${responseData.username}/${responseData.slug}`);
+        navigate(
+          ROUTES.LISTING.buildPath({
+            username: responseData.username,
+            slug: responseData.slug,
+          }),
+        );
       } else {
         throw new Error("Invalid response data");
       }
diff --git a/frontend/src/components/pages/DeleteConnect.tsx b/frontend/src/components/pages/DeleteConnect.tsx
index 5236b518..1d58e269 100644
--- a/frontend/src/components/pages/DeleteConnect.tsx
+++ b/frontend/src/components/pages/DeleteConnect.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 export default function DeleteConnect() {
   const navigate = useNavigate();
@@ -13,12 +14,12 @@ export default function DeleteConnect() {
     if (auth.isLoading) return;
 
     if (!auth.isAuthenticated) {
-      navigate("/login");
+      navigate(ROUTES.LOGIN.path);
       return;
     }
 
     if (!auth.currentUser?.permissions?.includes("is_admin")) {
-      navigate("/");
+      navigate(ROUTES.HOME.path);
       return;
     }
   }, [auth.isLoading, auth.isAuthenticated]);
@@ -37,7 +38,7 @@ export default function DeleteConnect() {
 
       addAlert(`Successfully deleted ${data.count} test accounts`, "success");
       setTimeout(() => {
-        navigate("/sell/onboarding");
+        navigate(ROUTES.SELL.ONBOARDING.path);
       }, 2000);
     } catch (error) {
       addErrorAlert(`Failed to delete test accounts: ${error}`);
diff --git a/frontend/src/components/pages/EmailSignup.tsx b/frontend/src/components/pages/EmailSignup.tsx
index 401e6029..9095b159 100644
--- a/frontend/src/components/pages/EmailSignup.tsx
+++ b/frontend/src/components/pages/EmailSignup.tsx
@@ -1,5 +1,6 @@
 import { useEffect, useState } from "react";
-import { useNavigate, useParams } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
+import { useTypedParams } from "react-router-typesafe-routes/dom";
 
 import SignupForm from "@/components/auth/SignupForm";
 import { Card, CardContent, CardHeader } from "@/components/ui/Card";
@@ -8,6 +9,7 @@ import { Button } from "@/components/ui/button";
 import { paths } from "@/gen/api";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 type GetEmailSignUpTokenResponse =
   paths["/auth/email/signup/get/{id}"]["get"]["responses"][200]["content"]["application/json"];
@@ -16,7 +18,7 @@ const EmailSignup = () => {
   const navigate = useNavigate();
   const auth = useAuthentication();
   const { addErrorAlert } = useAlertQueue();
-  const { id } = useParams();
+  const { id } = useTypedParams(ROUTES.SIGNUP.EMAIL);
   const [signupToken, setSignupToken] =
     useState<GetEmailSignUpTokenResponse | null>(null);
 
@@ -64,7 +66,7 @@ const EmailSignup = () => {
               <Button
                 variant="primary"
                 onClick={() => {
-                  navigate("/login");
+                  navigate(ROUTES.LOGIN.path);
                 }}
               >
                 Login / Signup
diff --git a/frontend/src/components/pages/FileBrowser.tsx b/frontend/src/components/pages/FileBrowser.tsx
index 95e1d64e..37434cee 100644
--- a/frontend/src/components/pages/FileBrowser.tsx
+++ b/frontend/src/components/pages/FileBrowser.tsx
@@ -6,7 +6,8 @@ import {
   FaPen,
   FaTimes,
 } from "react-icons/fa";
-import { useNavigate, useParams } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
+import { useTypedParams } from "react-router-typesafe-routes/dom";
 
 import FileRenderer from "@/components/files/FileRenderer";
 import FileTreeViewer from "@/components/files/FileTreeViewer";
@@ -18,6 +19,7 @@ import { Textarea } from "@/components/ui/textarea";
 import { components } from "@/gen/api";
 import { humanReadableError, useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 import pako from "pako";
 
 type SingleArtifactResponse = components["schemas"]["SingleArtifactResponse"];
@@ -28,7 +30,7 @@ interface UntarredFile {
 }
 
 const FileBrowser = () => {
-  const { artifactId } = useParams<{ artifactId: string }>();
+  const { artifactId } = useTypedParams(ROUTES.FILE);
   const [artifact, setArtifact] = useState<SingleArtifactResponse | null>(null);
   const [loading, setLoading] = useState(true);
   const [untarring, setUntarring] = useState(false);
@@ -42,7 +44,7 @@ const FileBrowser = () => {
   const [isSaving, setIsSaving] = useState(false);
 
   if (!artifactId) {
-    navigate("/");
+    navigate(ROUTES.HOME.path);
     return null;
   }
 
@@ -215,7 +217,12 @@ const FileBrowser = () => {
               <Tooltip content="View Listing" position="bottom">
                 <Button
                   onClick={() =>
-                    navigate(`/item/${artifact.username}/${artifact.slug}`)
+                    navigate(
+                      ROUTES.LISTING.buildPath({
+                        username: artifact.username,
+                        slug: artifact.slug,
+                      }),
+                    )
                   }
                   variant="ghost"
                   size="icon"
diff --git a/frontend/src/components/pages/Home.tsx b/frontend/src/components/pages/Home.tsx
index 32503fd4..98bc6717 100644
--- a/frontend/src/components/pages/Home.tsx
+++ b/frontend/src/components/pages/Home.tsx
@@ -10,7 +10,7 @@ import {
   CardTitle,
 } from "@/components/ui/Card";
 import PageHeader from "@/components/ui/PageHeader";
-import stompy from "@/images/stompy.png";
+import ROUTES from "@/lib/types/routes";
 import {
   ChevronRightIcon,
   CodeIcon,
@@ -25,8 +25,6 @@ const Home: React.FC = () => {
   return (
     <div ref={containerRef} className="bg-gray-1 text-gray-12 space-y-6">
       <HeroSection />
-      <StompyProSection />
-      <StompyMiniSection />
       <OptionsSection />
     </div>
   );
@@ -77,64 +75,6 @@ const HeroSection: React.FC = () => {
   );
 };
 
-const StompyProSection: React.FC = () => {
-  const navigate = useNavigate();
-
-  return (
-    <section
-      className="relative h-[600px] overflow-hidden cursor-pointer transition-all duration-300 hover:opacity-90 rounded-lg"
-      onClick={() => navigate("/pro")}
-    >
-      <div className="absolute inset-0">
-        <img
-          src={stompy}
-          alt="Stompy Pro Background"
-          className="w-full h-full object-cover"
-        />
-      </div>
-
-      <div className="relative z-10 max-w-7xl mx-auto flex flex-col md:flex-row items-center justify-between h-full px-4">
-        <div className="unit-copy-wrapper text-center md:text-left mb-8 md:mb-0">
-          <div className="split-wrapper-top mt-8 md:mt-0">
-            <h2 className="headline text-4xl font-bold mb-2 md:mb-4 text-gray-900">
-              Stompy Pro
-            </h2>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-
-const StompyMiniSection: React.FC = () => {
-  const navigate = useNavigate();
-
-  return (
-    <section
-      className="relative h-[600px] overflow-hidden cursor-pointer transition-all duration-300 hover:opacity-90 rounded-lg"
-      onClick={() => navigate("/mini")}
-    >
-      <div className="absolute inset-0">
-        <img
-          src={stompy}
-          alt="Stompy Mini Background"
-          className="w-full h-full object-cover scale-x-[-1]"
-        />
-      </div>
-
-      <div className="relative z-10 max-w-7xl mx-auto flex flex-col md:flex-row-reverse items-center justify-between h-full px-4">
-        <div className="unit-copy-wrapper text-center md:text-right mb-8 md:mb-0">
-          <div className="split-wrapper-top mt-8 md:mt-0">
-            <h2 className="headline text-4xl font-bold mb-2 md:mb-4 text-gray-900">
-              Stompy Mini
-            </h2>
-          </div>
-        </div>
-      </div>
-    </section>
-  );
-};
-
 const OptionsSection: React.FC = () => {
   const navigate = useNavigate();
 
@@ -146,7 +86,7 @@ const OptionsSection: React.FC = () => {
             title: "Downloads",
             description: "Kernel images, URDFs, ML models, and more.",
             icon: DownloadIcon,
-            path: "/downloads",
+            path: ROUTES.DOWNLOADS.path,
             buttonText: "Browse Downloads",
           },
           {
@@ -154,7 +94,7 @@ const OptionsSection: React.FC = () => {
             description:
               "Browse robot builds with linked CAD files, part lists, and various related downloads.",
             icon: MagnifyingGlassIcon,
-            path: "/browse",
+            path: ROUTES.LISTINGS.BROWSE.path,
             buttonText: "View Builds",
           },
           {
diff --git a/frontend/src/components/pages/Listing.tsx b/frontend/src/components/pages/Listing.tsx
index b1192111..0aeb7ac0 100644
--- a/frontend/src/components/pages/Listing.tsx
+++ b/frontend/src/components/pages/Listing.tsx
@@ -1,16 +1,17 @@
 import { useCallback, useEffect, useState } from "react";
-import { useParams } from "react-router-dom";
+import { useTypedParams } from "react-router-typesafe-routes/dom";
 
 import ListingLoadingSkeleton from "@/components/listing/ListingLoadingSkeleton";
 import ListingRenderer from "@/components/listing/ListingRenderer";
 import { ListingResponse } from "@/components/listing/types";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 const Listing = () => {
   const { addErrorAlert } = useAlertQueue();
   const auth = useAuthentication();
-  const { username, slug } = useParams();
+  const { username, slug } = useTypedParams(ROUTES.LISTING);
   const [listing, setListing] = useState<ListingResponse | null>(null);
   const [isFetched, setIsFetched] = useState(false);
 
diff --git a/frontend/src/components/pages/Orders.tsx b/frontend/src/components/pages/Orders.tsx
index 6c288e87..b99ce81f 100644
--- a/frontend/src/components/pages/Orders.tsx
+++ b/frontend/src/components/pages/Orders.tsx
@@ -6,6 +6,7 @@ import Spinner from "@/components/ui/Spinner";
 import { Button } from "@/components/ui/button";
 import type { paths } from "@/gen/api";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 type OrderWithProduct =
   paths["/orders/user-orders-with-products"]["get"]["responses"][200]["content"]["application/json"][number];
@@ -72,7 +73,10 @@ const OrdersPage: React.FC = () => {
       ) : (
         <div className="flex flex-col gap-4 justify-center items-center bg-gray-4 p-10 rounded-lg max-w-3xl mx-auto">
           <p className="text-gray-12 font-medium sm:text-lg">No orders yet.</p>
-          <Button onClick={() => navigate("/browse")} variant="primary">
+          <Button
+            onClick={() => navigate(ROUTES.LISTINGS.BROWSE.path)}
+            variant="primary"
+          >
             Browse Robots
           </Button>
         </div>
diff --git a/frontend/src/components/pages/Profile.tsx b/frontend/src/components/pages/Profile.tsx
index a4460c14..0720e951 100644
--- a/frontend/src/components/pages/Profile.tsx
+++ b/frontend/src/components/pages/Profile.tsx
@@ -1,6 +1,8 @@
 import { useEffect, useState } from "react";
-import { useNavigate, useParams } from "react-router-dom";
+import { useNavigate } from "react-router-dom";
+import { useTypedParams } from "react-router-typesafe-routes/dom";
 
+import MyListingGrid from "@/components/listings/MyListingGrid";
 import UpvotedGrid from "@/components/listings/UpvotedGrid";
 import { Card, CardContent, CardHeader } from "@/components/ui/Card";
 import { Input, TextArea } from "@/components/ui/Input/Input";
@@ -11,12 +13,11 @@ import { paths } from "@/gen/api";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
 import { useDebounce } from "@/hooks/useDebounce";
+import ROUTES from "@/lib/types/routes";
 import { isValidUsername } from "@/lib/utils/validation";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@radix-ui/react-tabs";
 import { format } from "date-fns";
 
-import MyListingGrid from "../listings/MyListingGrid";
-
 type UserResponse =
   paths["/users/public/{id}"]["get"]["responses"][200]["content"]["application/json"];
 
@@ -214,7 +215,10 @@ export const RenderProfile = (props: RenderProfileProps) => {
           </div>
           {!isEditing && canEdit && (
             <div className="flex flex-wrap gap-2 justify-center">
-              <Button onClick={() => navigate("/keys")} variant="primary">
+              <Button
+                onClick={() => navigate(ROUTES.KEYS.path)}
+                variant="primary"
+              >
                 API Keys
               </Button>
               <Button onClick={() => setIsEditing(true)} variant="outline">
@@ -391,13 +395,16 @@ export const RenderProfile = (props: RenderProfileProps) => {
             ) : null}
           </div>
           <div className="flex gap-2">
-            <Button onClick={() => navigate("/orders")} variant="primary">
+            <Button
+              onClick={() => navigate(ROUTES.ORDERS.path)}
+              variant="primary"
+            >
               Orders
             </Button>
             {!user.stripe_connect_account_id ? (
               <Tooltip content="Start seller onboarding" position="bottom">
                 <Button
-                  onClick={() => navigate("/sell/onboarding")}
+                  onClick={() => navigate(ROUTES.SELL.ONBOARDING.path)}
                   variant="outline"
                 >
                   Sell Robots
@@ -406,7 +413,7 @@ export const RenderProfile = (props: RenderProfileProps) => {
             ) : !user.stripe_connect_onboarding_completed ? (
               <Tooltip content="Continue seller onboarding" position="bottom">
                 <Button
-                  onClick={() => navigate("/sell/onboarding")}
+                  onClick={() => navigate(ROUTES.SELL.ONBOARDING.path)}
                   variant="outline"
                 >
                   Complete Seller Setup
@@ -414,7 +421,7 @@ export const RenderProfile = (props: RenderProfileProps) => {
               </Tooltip>
             ) : (
               <Button
-                onClick={() => navigate("/sell/dashboard")}
+                onClick={() => navigate(ROUTES.SELL.path)}
                 variant="outline"
               >
                 Seller Dashboard
@@ -458,7 +465,7 @@ export const RenderProfile = (props: RenderProfileProps) => {
 const Profile = () => {
   const { addErrorAlert, addAlert } = useAlertQueue();
   const auth = useAuthentication();
-  const { id } = useParams();
+  const { id } = useTypedParams(ROUTES.PROFILE);
   const [user, setUser] = useState<UserResponse | null>(null);
   const [canEdit, setCanEdit] = useState(false);
   const [isLoading, setIsLoading] = useState(true);
diff --git a/frontend/src/components/pages/SellerDashboard.tsx b/frontend/src/components/pages/SellerDashboard.tsx
index 6b77e7f3..443f06e6 100644
--- a/frontend/src/components/pages/SellerDashboard.tsx
+++ b/frontend/src/components/pages/SellerDashboard.tsx
@@ -2,6 +2,7 @@ import { useEffect } from "react";
 import { useNavigate } from "react-router-dom";
 
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 import { Check } from "lucide-react";
 
 export default function SellerDashboard() {
@@ -16,13 +17,13 @@ export default function SellerDashboard() {
     if (auth.isLoading) return;
 
     if (!auth.isAuthenticated) {
-      navigate("/login");
+      navigate(ROUTES.LOGIN.path);
       return;
     }
 
     // Redirect to onboarding if not completed
     if (!auth.currentUser?.stripe_connect_onboarding_completed) {
-      navigate("/sell/onboarding");
+      navigate(ROUTES.SELL.ONBOARDING.path);
       return;
     }
   }, [auth.isLoading, auth.isAuthenticated, auth.currentUser]);
diff --git a/frontend/src/components/pages/SellerOnboarding.tsx b/frontend/src/components/pages/SellerOnboarding.tsx
index e4b792fd..96b58f6d 100644
--- a/frontend/src/components/pages/SellerOnboarding.tsx
+++ b/frontend/src/components/pages/SellerOnboarding.tsx
@@ -5,6 +5,7 @@ import Spinner from "@/components/ui/Spinner";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
 import { useStripeConnect } from "@/hooks/useStripeConnect";
+import ROUTES from "@/lib/types/routes";
 import {
   ConnectAccountOnboarding,
   ConnectComponentsProvider,
@@ -32,7 +33,7 @@ export default function SellerOnboarding() {
 
   useEffect(() => {
     if (auth.currentUser?.stripe_connect_onboarding_completed) {
-      navigate("/sell/dashboard");
+      navigate(ROUTES.SELL.path);
     }
   }, [auth.currentUser, navigate]);
 
@@ -47,7 +48,7 @@ export default function SellerOnboarding() {
   }
 
   if (!auth.isAuthenticated) {
-    navigate("/login");
+    navigate(ROUTES.LOGIN.path);
     return null;
   }
 
@@ -107,7 +108,7 @@ export default function SellerOnboarding() {
             <ConnectAccountOnboarding
               onExit={() => {
                 setOnboardingExited(true);
-                navigate("/sell/dashboard");
+                navigate(ROUTES.SELL.path);
               }}
             />
           </ConnectComponentsProvider>
diff --git a/frontend/src/components/pages/Terminal.tsx b/frontend/src/components/pages/Terminal.tsx
index 2143aa4c..9e188791 100644
--- a/frontend/src/components/pages/Terminal.tsx
+++ b/frontend/src/components/pages/Terminal.tsx
@@ -1,5 +1,5 @@
 import React, { useEffect, useState } from "react";
-import { useParams } from "react-router-dom";
+import { useTypedParams } from "react-router-typesafe-routes/dom";
 
 import TerminalAllRobots from "@/components/terminal/TerminalAllRobots";
 import TerminalSingleRobot from "@/components/terminal/TerminalSingleRobot";
@@ -7,6 +7,7 @@ import { SingleRobotResponse } from "@/components/terminal/types";
 import Spinner from "@/components/ui/Spinner";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
+import ROUTES from "@/lib/types/routes";
 
 import RequireAuthentication from "../auth/RequireAuthentication";
 
@@ -24,7 +25,7 @@ const TerminalInnerRouter = ({
   onDeleteRobot,
   onUpdateRobot,
 }: TerminalInnerRouterProps) => {
-  const { id: robotId } = useParams();
+  const { id: robotId } = useTypedParams(ROUTES.TERMINAL.WITH_ID);
   const robot = robots.find((robot) => robot.robot_id === robotId);
 
   return robot ? (
diff --git a/frontend/src/components/stripe/CheckoutButton.tsx b/frontend/src/components/stripe/CheckoutButton.tsx
index 6fd67aee..763efff7 100644
--- a/frontend/src/components/stripe/CheckoutButton.tsx
+++ b/frontend/src/components/stripe/CheckoutButton.tsx
@@ -7,6 +7,7 @@ import { Button } from "@/components/ui/button";
 import { useAlertQueue } from "@/hooks/useAlertQueue";
 import { useAuthentication } from "@/hooks/useAuth";
 import { STRIPE_PUBLISHABLE_KEY } from "@/lib/constants/env";
+import ROUTES from "@/lib/types/routes";
 import { loadStripe } from "@stripe/stripe-js";
 
 const stripePromise = loadStripe(STRIPE_PUBLISHABLE_KEY);
@@ -108,7 +109,7 @@ const CheckoutButton: React.FC<{ productId: string; label?: string }> = ({
             <Button
               onClick={() => {
                 setIsDrawerOpen(false);
-                navigate("/login");
+                navigate(ROUTES.LOGIN.path);
               }}
               variant="secondary"
             >
@@ -117,7 +118,7 @@ const CheckoutButton: React.FC<{ productId: string; label?: string }> = ({
             <Button
               onClick={() => {
                 setIsDrawerOpen(false);
-                navigate("/signup");
+                navigate(ROUTES.SIGNUP.path);
               }}
               variant="primary"
               className="ml-2"
diff --git a/frontend/src/components/terminal/TerminalAllRobots.tsx b/frontend/src/components/terminal/TerminalAllRobots.tsx
index c245a6ac..783bc4ad 100644
--- a/frontend/src/components/terminal/TerminalAllRobots.tsx
+++ b/frontend/src/components/terminal/TerminalAllRobots.tsx
@@ -3,6 +3,7 @@ import { useNavigate } from "react-router-dom";
 import RobotCard from "@/components/terminal/RobotCard";
 import { SingleRobotResponse } from "@/components/terminal/types";
 import { Button } from "@/components/ui/button";
+import ROUTES from "@/lib/types/routes";
 
 interface Props {
   robots: SingleRobotResponse[];
@@ -31,7 +32,7 @@ const TerminalAllRobots = ({ robots, onDeleteRobot }: Props) => {
           </p>
           <Button
             variant="primary"
-            onClick={() => navigate("/browse")}
+            onClick={() => navigate(ROUTES.LISTINGS.BROWSE.path)}
             className="flex items-center"
           >
             <span className="mr-2">Browse Listings</span>
diff --git a/frontend/src/components/terminal/TerminalSingleRobot.tsx b/frontend/src/components/terminal/TerminalSingleRobot.tsx
index 506a7ce6..b1b8b477 100644
--- a/frontend/src/components/terminal/TerminalSingleRobot.tsx
+++ b/frontend/src/components/terminal/TerminalSingleRobot.tsx
@@ -7,6 +7,7 @@ import "@/components/terminal/Terminal.css";
 import AudioIcon from "@/components/icons/AudioIcon";
 import TerminalRobotModel from "@/components/terminal/TerminalRobotModel";
 import { SingleRobotResponse } from "@/components/terminal/types";
+import ROUTES from "@/lib/types/routes";
 
 interface Props {
   robot: SingleRobotResponse;
@@ -87,13 +88,20 @@ const TerminalSingleRobot = ({ robot, onUpdateRobot }: Props) => {
       {/* Navigation buttons */}
       <div className="flex gap-4 mb-4">
         <button
-          onClick={() => navigate("/terminal")}
+          onClick={() => navigate(ROUTES.TERMINAL.path)}
           className="border border-green-500 px-4 py-2 hover:bg-green-500 hover:text-black transition-colors flex items-center gap-2"
         >
           <FaArrowLeft /> All Robots
         </button>
         <button
-          onClick={() => navigate(`/item/${robot.username}/${robot.slug}`)}
+          onClick={() =>
+            navigate(
+              ROUTES.LISTING.buildPath({
+                username: robot.username,
+                slug: robot.slug,
+              }),
+            )
+          }
           className="border border-green-500 px-4 py-2 hover:bg-green-500 hover:text-black transition-colors"
         >
           Listing
diff --git a/frontend/src/hooks/useAuth.tsx b/frontend/src/hooks/useAuth.tsx
index b4e97b18..24e73ede 100644
--- a/frontend/src/hooks/useAuth.tsx
+++ b/frontend/src/hooks/useAuth.tsx
@@ -12,6 +12,7 @@ import { useNavigate } from "react-router-dom";
 import type { paths } from "@/gen/api";
 import api from "@/hooks/api";
 import { BACKEND_URL } from "@/lib/constants/env";
+import ROUTES from "@/lib/types/routes";
 import createClient, { Client } from "openapi-fetch";
 
 const AUTH_KEY_ID = "AUTH";
@@ -113,7 +114,7 @@ export const AuthenticationProvider = (props: AuthenticationProviderProps) => {
       setApiKeyId(newApiKeyId);
       setCurrentUser(null);
       setIsLoading(true);
-      navigate("/");
+      navigate(ROUTES.HOME.path);
     },
     [navigate],
   );
@@ -123,7 +124,7 @@ export const AuthenticationProvider = (props: AuthenticationProviderProps) => {
     setApiKeyId(null);
     setCurrentUser(null);
     setIsLoading(false);
-    navigate("/");
+    navigate(ROUTES.HOME.path);
   }, [navigate]);
 
   // const apiImpl = new api(client);
diff --git a/frontend/src/lib/types/routes.ts b/frontend/src/lib/types/routes.ts
index 6c6872ff..93332067 100644
--- a/frontend/src/lib/types/routes.ts
+++ b/frontend/src/lib/types/routes.ts
@@ -1,4 +1,4 @@
-import { number, route, string } from "react-router-typesafe-routes/dom";
+import { route, string } from "react-router-typesafe-routes/dom";
 
 const ROUTES = {
   HOME: route(""),
@@ -25,10 +25,14 @@ const ROUTES = {
   KEYS: route("keys"),
 
   // Listings
-  CREATE: route("create"),
-  BROWSE: route("browse/:page?", {
-    params: { page: number() },
-  }),
+  LISTINGS: route(
+    "listings",
+    {},
+    {
+      CREATE: route("create"),
+      BROWSE: route("browse"),
+    },
+  ),
   LISTING: route("item/:username/:slug", {
     params: {
       username: string().defined(),
@@ -48,7 +52,6 @@ const ROUTES = {
     {},
     {
       ONBOARDING: route("onboarding"),
-      DASHBOARD: route("dashboard"),
       DELETE: route("delete"),
     },
   ),
@@ -64,10 +67,8 @@ const ROUTES = {
   ORDERS: route("orders"),
 
   // Terminal
-  // TERMINAL: route("terminal/:id?", {
-  //   params: { id: string() },
-  // }),
-  TERMINAL: route("terminal",
+  TERMINAL: route(
+    "terminal",
     {},
     {
       WITH_ID: route(":id", {