diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/.eslintrc.cjs b/dev-packages/e2e-tests/test-applications/cloudflare-remix/.eslintrc.cjs
new file mode 100644
index 000000000000..4f6f59eee1e8
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/.eslintrc.cjs
@@ -0,0 +1,84 @@
+/**
+ * This is intended to be a basic starting point for linting in your app.
+ * It relies on recommended configs out of the box for simplicity, but you can
+ * and should modify this configuration to best suit your team's needs.
+ */
+
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+ root: true,
+ parserOptions: {
+ ecmaVersion: "latest",
+ sourceType: "module",
+ ecmaFeatures: {
+ jsx: true,
+ },
+ },
+ env: {
+ browser: true,
+ commonjs: true,
+ es6: true,
+ },
+ ignorePatterns: ["!**/.server", "!**/.client"],
+
+ // Base config
+ extends: ["eslint:recommended"],
+
+ overrides: [
+ // React
+ {
+ files: ["**/*.{js,jsx,ts,tsx}"],
+ plugins: ["react", "jsx-a11y"],
+ extends: [
+ "plugin:react/recommended",
+ "plugin:react/jsx-runtime",
+ "plugin:react-hooks/recommended",
+ "plugin:jsx-a11y/recommended",
+ ],
+ settings: {
+ react: {
+ version: "detect",
+ },
+ formComponents: ["Form"],
+ linkComponents: [
+ { name: "Link", linkAttribute: "to" },
+ { name: "NavLink", linkAttribute: "to" },
+ ],
+ "import/resolver": {
+ typescript: {},
+ },
+ },
+ },
+
+ // Typescript
+ {
+ files: ["**/*.{ts,tsx}"],
+ plugins: ["@typescript-eslint", "import"],
+ parser: "@typescript-eslint/parser",
+ settings: {
+ "import/internal-regex": "^~/",
+ "import/resolver": {
+ node: {
+ extensions: [".ts", ".tsx"],
+ },
+ typescript: {
+ alwaysTryTypes: true,
+ },
+ },
+ },
+ extends: [
+ "plugin:@typescript-eslint/recommended",
+ "plugin:import/recommended",
+ "plugin:import/typescript",
+ ],
+ },
+
+ // Node
+ {
+ files: [".eslintrc.cjs"],
+ env: {
+ node: true,
+ },
+ },
+ ],
+};
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/.gitignore b/dev-packages/e2e-tests/test-applications/cloudflare-remix/.gitignore
new file mode 100644
index 000000000000..464354906a64
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/.gitignore
@@ -0,0 +1,8 @@
+node_modules
+
+/.cache
+/build
+.env
+.dev.vars
+
+.wrangler
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/.npmrc b/dev-packages/e2e-tests/test-applications/cloudflare-remix/.npmrc
new file mode 100644
index 000000000000..070f80f05092
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/.npmrc
@@ -0,0 +1,2 @@
+@sentry:registry=http://127.0.0.1:4873
+@sentry-internal:registry=http://127.0.0.1:4873
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/README.md b/dev-packages/e2e-tests/test-applications/cloudflare-remix/README.md
new file mode 100644
index 000000000000..dec7f30b37ac
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/README.md
@@ -0,0 +1,47 @@
+# Welcome to Remix + Cloudflare!
+
+- 📖 [Remix docs](https://remix.run/docs)
+- 📖 [Remix Cloudflare docs](https://remix.run/guides/vite#cloudflare)
+
+## Development
+
+Run the dev server:
+
+```sh
+npm run dev
+```
+
+To run Wrangler:
+
+```sh
+npm run build
+npm run start
+```
+
+## Typegen
+
+Generate types for your Cloudflare bindings in `wrangler.toml`:
+
+```sh
+npm run typegen
+```
+
+You will need to rerun typegen whenever you make changes to `wrangler.toml`.
+
+## Deployment
+
+First, build your app for production:
+
+```sh
+npm run build
+```
+
+Then, deploy your app to Cloudflare Pages:
+
+```sh
+npm run deploy
+```
+
+## Styling
+
+This template comes with [Tailwind CSS](https://tailwindcss.com/) already configured for a simple default starting experience. You can use whatever css framework you prefer. See the [Vite docs on css](https://vitejs.dev/guide/features.html#css) for more information.
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/entry.client.tsx b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/entry.client.tsx
new file mode 100644
index 000000000000..94d5dc0de0fa
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/entry.client.tsx
@@ -0,0 +1,18 @@
+/**
+ * By default, Remix will handle hydrating your app on the client for you.
+ * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
+ * For more information, see https://remix.run/file-conventions/entry.client
+ */
+
+import { RemixBrowser } from "@remix-run/react";
+import { startTransition, StrictMode } from "react";
+import { hydrateRoot } from "react-dom/client";
+
+startTransition(() => {
+ hydrateRoot(
+ document,
+
+
+
+ );
+});
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/entry.server.tsx b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/entry.server.tsx
new file mode 100644
index 000000000000..0d5c40a755e6
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/entry.server.tsx
@@ -0,0 +1,43 @@
+/**
+ * By default, Remix will handle generating the HTTP Response for you.
+ * You are free to delete this file if you'd like to, but if you ever want it revealed again, you can run `npx remix reveal` ✨
+ * For more information, see https://remix.run/file-conventions/entry.server
+ */
+
+import type { AppLoadContext, EntryContext } from "@remix-run/cloudflare";
+import { RemixServer } from "@remix-run/react";
+import { isbot } from "isbot";
+import { renderToReadableStream } from "react-dom/server";
+
+export default async function handleRequest(
+ request: Request,
+ responseStatusCode: number,
+ responseHeaders: Headers,
+ remixContext: EntryContext,
+ // This is ignored so we can keep it in the template for visibility. Feel
+ // free to delete this parameter in your app if you're not using it!
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ loadContext: AppLoadContext
+) {
+ const body = await renderToReadableStream(
+ ,
+ {
+ signal: request.signal,
+ onError(error: unknown) {
+ // Log streaming rendering errors from inside the shell
+ console.error(error);
+ responseStatusCode = 500;
+ },
+ }
+ );
+
+ if (isbot(request.headers.get("user-agent") || "")) {
+ await body.allReady;
+ }
+
+ responseHeaders.set("Content-Type", "text/html");
+ return new Response(body, {
+ headers: responseHeaders,
+ status: responseStatusCode,
+ });
+}
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/root.tsx b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/root.tsx
new file mode 100644
index 000000000000..3d3d73320719
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/root.tsx
@@ -0,0 +1,30 @@
+import {
+ Links,
+ Meta,
+ Outlet,
+ Scripts,
+ ScrollRestoration,
+} from "@remix-run/react";
+import "./tailwind.css";
+
+export function Layout({ children }: { children: React.ReactNode }) {
+ return (
+
+
+
+
+
+
+
+
+ {children}
+
+
+
+
+ );
+}
+
+export default function App() {
+ return ;
+}
diff --git a/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/routes/_index.tsx b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/routes/_index.tsx
new file mode 100644
index 000000000000..5c68e88b6e2f
--- /dev/null
+++ b/dev-packages/e2e-tests/test-applications/cloudflare-remix/app/routes/_index.tsx
@@ -0,0 +1,41 @@
+import type { MetaFunction } from "@remix-run/cloudflare";
+
+export const meta: MetaFunction = () => {
+ return [
+ { title: "New Remix App" },
+ {
+ name: "description",
+ content: "Welcome to Remix on Cloudflare!",
+ },
+ ];
+};
+
+export default function Index() {
+ return (
+
+
Welcome to Remix on Cloudflare
+
+