This project is a Remix application with additional tooling and dependencies
- 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
(orpnpm 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