Learn Remix
  • Introduction to Remix
  • Getting Started with Remix
    • Creating a Remix Project
    • Environment Variables with Remix
  • Why Remix?
    • Comparing Remix to Other Frameworks
      • Remix vs ASP.NET MVC
      • Remix vs Django
      • Remix vs Next.JS
      • Remix vs Create React App
    • Remix's Performance Advantagess
  • Learn Remix
    • Remix Page Life Cycle
    • Forms with Remix
    • Remix Project Structure
    • Routing with Remix
      • Slug Routes
      • Flat Routes with Remix
      • File-Based Routing with Remix
      • Resource Routes with Remix
      • Handling Redirects with Remix
      • Handling 404 Pages with Remix
    • React Components with Remix
      • Using React Components Declared Outside of Remix's Routes Directory
      • React Components in Remix Routes
      • Using 3rd Party Libraries with Remix
    • Forms
      • useTransition with Remix Forms
      • Customizing Submissions with Remix Forms
      • Handling Files with Remix Forms
      • Resetting Remix Forms
    • Form Validation with Remix
      • Remix Form Validation with Javascript
      • Remix Form Validation with Yup
      • Remix Form Validation with Zod
    • Remix Sessions
      • Creating Sessions with Remix
      • Updating Sessions with Remix
      • Terminating Sessions with Remix
    • Optimistic UI with Remix
    • Error Handling with Remix
    • Remix Hooks
      • useActionData
      • useBeforeUnload
      • useFetcher
      • useFetchers
      • useFormAction
      • useHref
      • useLoaderData
      • useLocation
      • useTransition
      • useSubmit
      • useSearchParams
      • useRouteLoaderData
      • useRouteError
      • useRevalidator
      • useResolvedPath
      • useParams
      • useParams
      • useOutletContext
      • useOutlet
      • useNavigationType
      • useNavigation
      • useNavigate
      • useMatches
    • Remix Utilities
      • jsonHash
      • safeRedirect
      • preloadModuleAssets
      • preloadLinkedAssets
      • preloadRouteAssets
      • namedAction
      • handleDataRequest
      • rollingCookie
      • eventStream
      • createTypedSessionStorage
      • createTypedCookie
      • txt
      • xml
      • html
      • pdf
      • stylesheet
      • javascript
      • notModified
      • serverError
      • unprocessableEntity
      • notFound
      • forbidden
      • unauthorized
      • badRequest
      • created
      • redirectBack
      • isPrefetch
      • getClientLocales
      • getClientIPAddress
      • useShouldHydrate
      • useLocales
      • useHydrated
      • useGlobalLoadingState
      • promiseHash
      • cacheAssets
      • ClientOnly
      • CORS
      • CSRF
      • DynamicLinks
      • ExternalScripts
      • StructuredData
      • useGlobalTransitionStates
      • useGlobalPendingState
      • useGlobalSubmittingState
    • Remix APIs
    • Deploying Remix Projects
  • Recipes
    • Websockets with Remix
    • Returning Files from a Resource Route with Remix
    • Uploading Files to Cloudinary with Remix
    • Uploading Files to S3 with Remix
Powered by GitBook

Routing with Remix

PreviousRemix Project StructureNextSlug Routes

Last updated 1 year ago

On this page
Slug Routes
Flat Routes with Remix
File-Based Routing with Remix
Resource Routes with Remix
Handling Redirects with Remix
Handling 404 Pages with Remix