Skip to content

The Minimal House Remix Stack to setup Remix with minimal typsescript, tailwind, linting, and formatting

License

Notifications You must be signed in to change notification settings

bogdaaamn/minimal-remix-stack

Repository files navigation

Minimal House Remix Stack

The Minimal Remix Stack Cover

⚠️ 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

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

Gitpod Ready-to-Code

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.

About

The Minimal House Remix Stack to setup Remix with minimal typsescript, tailwind, linting, and formatting

Topics

Resources

License

Stars

Watchers

Forks