This template is a starting point for building a Remix app with Vite and Tailwind CSS and was built on top of npx create-remix@latest which you will find on https://remix.run/docs/en/main/guides/vite.
See the Remix Vite docs, the Vite docs and the Tailwind CSS docs for details on supported features.
- Remix with Vite: The latest version of Remix with Vite as the build tool. That means, instant server start, fast HMR, and optimized builds for your full-stack app.
- Tailwind CSS 4.0: The alpha release of Tailwind CSS 4.0, which is up to 10x faster, has Zero-configuration content detection, CSS-first configuration, and more.
- Automatic wrapping of long class names: This template enables automatic wrapping for long class names with
prettier-plugin-classnames. - Automatic class sorting: This template enables automatic class sorting with
prettier-plugin-tailwindcss. - Font optimization: Preloaded local fonts with Fontsource.
- Format script: Format all your files with
npm run format.
Run the Vite dev server:
npm run dev
First, build your app for production:
npm run buildThen run the app in production mode:
npm startNow you'll need to pick a host to deploy it to.
If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.
Make sure to deploy the output of npm run build
build/serverbuild/client