The React Router Adapter for Netlify allows you to deploy your React Router app to Netlify Functions.
To deploy a React Router 7+ site to Netlify, install this package:
npm install --save-dev @netlify/vite-plugin-react-router
and include the Netlify plugin in your vite.config.ts
:
import { reactRouter } from '@react-router/dev/vite'
import { defineConfig } from 'vite'
import tsconfigPaths from 'vite-tsconfig-paths'
import netlifyPlugin from '@netlify/vite-plugin-react-router' // <- add this
export default defineConfig({
plugins: [
reactRouter(),
tsconfigPaths(),
netlifyPlugin(), // <- add this
],
})