remix-template Tailwind Templates

Remix Template

⚠️Remix v3 is now going to be released as React Router v7🛑 / Boilerplate of Remix project with Lint, TypeScript, Sass (SCSS), Tailwind, Framer Motion, React Hook Form, Zod, Vitest, Storybook, CI/CD, Lefthook (Git Hooks) and more.

remix-template

Remix framework starter repository 🐢

[!WARNING]

Remix v3 is now going to be released as React Router v7!!

Details: https://remix.run/blog/merging-remix-and-react-router

I created a template for React Router v7 => https://github.com/wiyco/react-router-template

Tech Stack

Environments Languages Linters Frameworks Libraries Testing CI/CD
![node-logo]
![npm-logo]
![ts-logo]
![sass-logo]
![eslint-logo]
![stylelint-logo]
![prettier-logo]
![lefthook-logo]
![vite-logo]
![remix-logo]
![react-logo]
![tailwind-logo]
![zod-logo]
![rhf-logo]
![vitest-logo]
![storybook-logo]
![githubactions-logo]

Other

Development

  1. Required
  2. Environment Variables
  3. Commands

Required

node = ">=20.18"
npm = ">=10.9"

[!TIP]

See .prototools for more details.

Environment Variables


[!TIP]

See .env.example for more details.

Commands

Installing Packages

npm i

[!IMPORTANT]

After the initial installation (if the format-on-save feature is not working), restart VS Code (IDE).

[!NOTE]

In the future, I want to migrate the Linter and Formatter from ESLint and Prettier configurations to Biome. However, I need to check compatibility by comparing the configuration options.

Start Development Server

npm run dev

Linting

npm run lint

Formatting Code

npm run format

Running Storybook (UI component tests)

npm run sb

Running Tests

npm run test

[!TIP]

See scripts in package.json for more details.

Top categories

Loading Svelte Themes