bogdaaamn / minimal-remix-stack

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.