How to customize entry.server.tsx with Vercel's React Router SDK?

gregoryzeng · April 24, 2025, 10:10am

I’m working on a React Router application deployed on Vercel that requires internationalization using i18next. According to the documentation, we should use Vercel’s handleRequest from @vercel/react-router/entry.server for optimal performance.

However, I’m facing a challenge in integrating remix-i18next with this setup. The remix-i18next documentation requires wrapping the app with I18nextProvider during server-side rendering, but Vercel’s handleRequest doesn’t seem to provide a way to customize the root component.

Questions:
Is there a way to customize the root component when using Vercel’s handleRequest?

Any guidance or examples would be greatly appreciated!

jacobparis · April 24, 2025, 3:01pm

The documented answer has it all wrapped up in handleRequest, but if you want to customize the internals I’d copy/paste the implementation @vercel/react-router directly and then you can follow Sergio’s instructions more closely

github.com/vercel/vercel

packages/react-router/entry.server.ts

main

import { PassThrough } from 'node:stream';

import { createElement } from 'react';
import { createReadableStreamFromReadable } from '@react-router/node';
import { isbot } from 'isbot';
import { renderToPipeableStream } from 'react-dom/server';
import { ServerRouter } from 'react-router';
import type { AppLoadContext, EntryContext } from 'react-router';
import type {
  RenderToPipeableStreamOptions,
  RenderToReadableStreamOptions,
} from 'react-dom/server';

export const streamTimeout = 5_000;

export type RenderOptions = {
  [K in keyof RenderToReadableStreamOptions &
    keyof RenderToPipeableStreamOptions]?: RenderToReadableStreamOptions[K];
};

This file has been truncated. show original

gregoryzeng · April 24, 2025, 3:18pm

Thanks for your prompt reply.
I have taken your approach

system · May 1, 2025, 3:19pm

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Solution for i18next on server on vercel Feedback	2	147	December 11, 2024
Rewrite to index.html ignored for React + Vite SPA (404 on routes) Help react , vite	6	682	April 14, 2025
React Router v7 with middleware fails on Vercel Help react , frameworks	1	285	January 5, 2026
React Router and Vite App: 404 Error for Routes on Vercel Deployment Help vite	5	174	November 6, 2025
Include all files from folder in all functions in React Router v7 Help	1	62	June 11, 2025

How to customize entry.server.tsx with Vercel's React Router SDK?

Related topics