A URL path that maps to a specific page or API endpoint in your app.
A route is a path in your application that maps a URL to a specific page or view. When a user navigates to /about, the router renders the About page. Routes are the navigation system of your app, handling HTTP requests on the Server side and page transitions on the client side.
In React applications using React Router, each route renders a Component. Routes can have loaders for data fetching (accessed via useLoaderData), actions for form handling (accessed via useActionData), error boundaries for crashes, Middleware for processing, and be protected by Authentication. Next.js and other frameworks use file-based routing.
Routes connect your Frontend to Backend endpoints. When a route loads, its loader runs first — you can debug this by checking the Network Tab in DevTools. If the loader fails, the Error Boundary displays a friendly error page using useRouteError. If a form submits, the route's action processes the formData and can Redirect to another route on success. Boilerplate code often includes route setup. Routes define the structure of your web application.
We give you the skills to build, deploy, and own a full product. Professional stack, AI co-pilot, no coding background required.