JSPM

Creating new Remix workspace

Use --project=@nrwl/remix when creating new workspace.

e.g.

npx create-nx-workspace@latest acme \
--preset=@nrwl/remix \
--project=demo

Now, you can go into the acme folder and start development.

cd acme
npx nx dev demo

Note: This command runs the dev script in apps/demo/package.json.

You can also run nx build demo and nx start demo.

Workspace libraries

The Remix setup leverages npm/yarn/pnpm workspaces and Nx buildable libraries.

npx nx g @nrwl/remix:lib mylib

Import the new library in your app.

// apps/demo/app/root.tsx
import { Mylib } from '@acme/mylib';

// ...

export default function App() {
  return (
    <Document>
      <Layout>
        <Mylib />
        <Outlet />
      </Layout>
    </Document>
  );
}

Now, run the dev server again to see the new library in action!

npx nx dev demo

Note: You must restart the server if you make any changes to your library. Luckily, with Nx cache this operation should be super fast.

Contributing

Running unit tests

Run nx test nx-remix to execute the unit tests via Jest.

Publishing

nx publish nx-remix --ver=[version]