This project is a Remix application with additional tooling and dependencies

• 📖 Remix docs

• Name: remix-tester
• Type: Module
• Package Manager: [email protected]
• Node Version: >=20.0.0

• Remix: A full stack web framework
• React: A JavaScript library for building user interfaces
• Radix Themes: Radix Themes is a pre-styled component library
• Vanilla Extract: A zero-runtime Stylesheets-in-TypeScript library
• XState: A state management library for JavaScript and TypeScript

To run the development server:

pnpm run dev

This will start the Remix development server using Vite.

• Linting: pnpm run lint (or pnpm run lint:fix to automatically fix issues)
• Type Checking: pnpm run typecheck
• Unit Testing: pnpm run test:unit

To build your app for production:

pnpm run build

This command uses Remix with Vite to build your application.

To run the app in production mode:

pnpm start

This uses remix-serve to run your built application.

If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of pnpm run build:

• build/server
• build/client

You'll need to pick a host to deploy your application. Remix is compatible with many hosting providers. Check the Remix documentation for specific deployment guides.

• Biome: Used for linting and formatting
• Vitest: Used for unit testing
• TypeScript: For static type checking
• Vite: Used as the build tool and development server

This project uses Vanilla Extract for styling. You can find and modify styles in .css.ts files throughout the project.

This project includes rollup-plugin-visualizer for bundle analysis. After building your project, you can find a visualization of your bundle in the stats.html file.

Please ensure you run linting and tests before submitting any pull requests:

pnpm run lint
pnpm run typecheck
pnpm run test:unit

Vite