https://github.com/mogita/remix-vite-chakra-ui-template

A starter Remix v2 template with vite and Chakra UI v2
https://github.com/mogita/remix-vite-chakra-ui-template

chakra-ui remix remix-stack vite

Last synced: 25 days ago
JSON representation

A starter Remix v2 template with vite and Chakra UI v2

• Host: GitHub
• URL: https://github.com/mogita/remix-vite-chakra-ui-template
• Owner: mogita
• Created: 2024-02-17T15:01:44.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-06-23T15:16:42.000Z (7 months ago)
• Last Synced: 2024-12-22T18:43:29.203Z (27 days ago)
• Topics: chakra-ui, remix, remix-stack, vite
• Language: TypeScript
• Homepage:
• Size: 458 KB
• Stars: 7
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Remix + Vite + Chakra UI Template

To create a new Remix project with this template:

```

npx create-remix@latest --template mogita/remix-vite-chakra-ui-template

```

What's included:

- [Remix v2](https://remix.run)

- [Vite 5](https://vitejs.dev)

- [Chakra UI v2](https://chakra-ui.com)

- [React Icons v5](https://react-icons.github.io/react-icons/)

- Auto Dark/Light theme (with white flash prevention)

📖 See the [Remix docs](https://remix.run/docs) and the [Remix Vite docs](https://remix.run/docs/en/main/future/vite) for details on supported features.

## Development

Run the Vite dev server:

```shellscript

yarn dev

```

## Deployment

First, build your app for production:

```sh

yarn build

```

Then run the app in production mode:

```sh

yarn start

```

Now you'll need to pick a host to deploy it to.

### DIY

If you're familiar with deploying Node applications, the built-in Remix app server is production-ready.

Make sure to deploy the output of `yarn build`

- `build/server`

- `build/client`