A bold interface that helps you monitor your BullMQ queues.
Learn more about Remix Stacks.
$ npx create-remix@latest --template nullndr/matador
- Matador interface at
/matador
route - A little utility that helps you build your queues
- Styling with Tailwind
- Code formatting with Prettier
- Linting with ESLint
- Static Types with TypeScript
-
Start the Redis Database with Docker:
ℹ️ we use the latest version of Docker that already includes compose, not docker-compose
$ npm run dev:docker
-
Start dev server:
$ npm run dev
If you want to stop the development Redis Database, run npm run dev:docker:stop
Matador needs a Redis 6 instance at least to work.
Set your redis connection string as the REDIS_URL
env variable in your .env
file.
We use Cypress for our End-to-End tests in this project. You'll find those in the cypress
directory. As you make changes, add to an existing file or create a new file in the cypress/e2e
directory to test your changes.
We use @testing-library/cypress
for selecting elements on the page semantically.
To run these tests in development, run npm run test:e2e:dev
which will start the dev server for the app as well as the Cypress client.
For lower level tests of utilities and individual components, we use vitest
. We have DOM-specific assertion helpers via @testing-library/jest-dom
.
This project uses TypeScript.
It's recommended to get TypeScript set up for your editor to get a really great in-editor experience with type checking and auto-complete.
To run type checking across the whole project, run npm run typecheck
.
This project uses ESLint for linting that is configured in .eslintrc.js
.
We use Prettier for auto-formatting in this project.
It's recommended to install an editor plugin (like the VSCode Prettier plugin) to get auto-formatting on save.
There's also a npm run format
script you can run to format all files in the project.
We're planning to give you a simple script that will copy only the route and it's library.