The Minimal House Remix Stack to setup Remix with minimal typsescript, tailwind, linting, and formatting
Minimal House Remix Stack
⚠️ This is community maintained Remix Stack. The Remix team does not endorse or check this. Learn more about Remix Stacks.
npx create-remix --template BogDAAAMN/minimal-remix-stack
What’s in the stack
- Styling with Tailwind
- Code formatting with Prettier
- Linting with ESLint
- Static Types with TypeScript
Not a fan of bits of the stack? Find more stacks or create your own.
| Package | Version |
|---|---|
| ? React | 18.2.0 |
| ? Remix | 1.6.7 |
| ? Tailwind | 3.0.24 |
Quickstart
Click this button to create a Gitpod workspace with the project set up, and all the packages pre-installed
Development
⚠️ This step only applies if you’ve opted out of having the CLI install dependencies for you:
npx remix init
Start dev server:
yarn dev
Deployment
First, build your app for production:
yarn build
Then run the app in production mode:
yarn start
Now you’ll need to pick a host to deploy it to. Read more at Remix | Deployment.
Types
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.
Linting
This project uses ESLint for linting. That is configured in .eslintrc.js.
Formatting
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.