Check out the docs for more information on how to use DMNO + Remix.

If you have any questions, please reach out to us on Discord.

@dmno/remix-integration

Provides tooling to integrate dmno into your Remix dev/build workflow

Installation

# let dmno init automatically add the integration
npx dmno init

# or do it manually
npm add @dmno/remix-integration

Example Usage

Import and initialize our remix integration and add to your vite.config.ts file. You must add both the Vite plugin and the Remix preset.

import { dmnoRemixVitePlugin, dmnoRemixPreset } from "@dmno/remix-integration";
import { vitePlugin as remix } from "@remix-run/dev";
import { defineConfig } from "vite";
import tsconfigPaths from "vite-tsconfig-paths";

export default defineConfig({
  plugins: [
    dmnoRemixVitePlugin(),
    remix({
      future: {
        v3_fetcherPersist: true,
        v3_relativeSplatPath: true,
        v3_throwAbortReason: true,
      },
      presets: [dmnoRemixPreset() as any],
    }),
    tsconfigPaths(),
  ],
});