Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nikolailehbrink/retail
Starter template for building full-stack web applications with Remix using Vite, TypeScript, Tailwind CSS, Prettier and ESLint.
https://github.com/nikolailehbrink/retail
eslint fontsource prettier remix tailwindcss typescript vite
Last synced: 16 days ago
JSON representation
Starter template for building full-stack web applications with Remix using Vite, TypeScript, Tailwind CSS, Prettier and ESLint.
- Host: GitHub
- URL: https://github.com/nikolailehbrink/retail
- Owner: nikolailehbrink
- Created: 2024-03-05T10:09:54.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-11-24T16:55:01.000Z (27 days ago)
- Last Synced: 2024-11-29T23:43:15.928Z (22 days ago)
- Topics: eslint, fontsource, prettier, remix, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://retail.nikolailehbr.ink/
- Size: 484 KB
- Stars: 13
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- fucking-awesome-vite - ReTail - Starter template for building Full Stack WEB applications with `Remix` using `TypeScript`, `Tailwind CSS`, `Prettier` and `ESLint`. (Get Started / Templates)
- awesome-vite - ReTail - Starter template for building Full Stack WEB applications with `Remix` using `TypeScript`, `Tailwind CSS`, `Prettier` and `ESLint`. (Get Started / Templates)
README
# Welcome to ReTail!
This template is a starting point for building a [Remix](https://remix.run) app with [Vite](https://vitejs.dev) and [Tailwind CSS](https://tailwindcss.com) and was built on top of `npx create-remix@latest` which you will find on [https://remix.run/docs/en/main/guides/vite](https://remix.run/docs/en/main/guides/vite).
See the [Remix Vite docs](https://remix.run/docs/en/main/future/vite), the [Vite docs](https://vitejs.dev/guide/) and the [Tailwind CSS docs](https://tailwindcss.com/docs/installation) for details on supported features.
## 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**: Build your UI faster with the utility-first CSS framework.
- **Automatic wrapping of long class names**: This template enables automatic wrapping for long class names with [`prettier-plugin-classnames`](https://www.npmjs.com/package/prettier-plugin-classnames).
- **Automatic class sorting**: This template enables automatic class sorting with [`prettier-plugin-tailwindcss`](https://tailwindcss.com/blog/automatic-class-sorting-with-prettier).
- **Font optimization**: Preloaded local fonts with [Fontsource](https://fontsource.org/).
- **Format script**: Format all your files with `npm run format`.
## Development
Run the Vite dev server:
```shellscript
npm run dev
```
## Deployment
First, build your app for production:
```sh
npm run build
```
Then run the app in production mode:
```sh
npm 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 `npm run build`
- `build/server`
- `build/client`