Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/laoer536/vite3.0-react18-typescript-router-dom6-mobx6-eslint-prettier-template
A simple generic example template.And it includes front-end Docker deployment capability.
https://github.com/laoer536/vite3.0-react18-typescript-router-dom6-mobx6-eslint-prettier-template
docker eslint nginx prettier react18 sass typescript vite3 zustand
Last synced: 2 months ago
JSON representation
A simple generic example template.And it includes front-end Docker deployment capability.
- Host: GitHub
- URL: https://github.com/laoer536/vite3.0-react18-typescript-router-dom6-mobx6-eslint-prettier-template
- Owner: laoer536
- License: mit
- Created: 2021-12-22T16:09:49.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-09-02T13:41:14.000Z (4 months ago)
- Last Synced: 2024-10-14T00:21:28.312Z (2 months ago)
- Topics: docker, eslint, nginx, prettier, react18, sass, typescript, vite3, zustand
- Language: TypeScript
- Homepage: https://laoer536.github.io/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template/
- Size: 2.44 MB
- Stars: 54
- Watchers: 3
- Forks: 17
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Vite5, React18 (A simple generic example template)
This starter template includes:
- [Vite 5](https://vitejs.dev/guide/)
- [React18](https://react.docschina.org/)
- [React Router dom 6](https://reactrouter.com/en/main)
- [zustand](https://github.com/pmndrs/zustand): Popular React State Management Solution.
- [framer-motion](https://www.framer.com/motion/introduction/): It powers the amazing animations and interactions in Framer, the web builder for creative pros. Zero code, maximum speed.(If you don't need it, you can delete it.)
- Docker support.
- Introduce typescript, use tsx writing style.
- Aktiver Eslint,prettier,husky,stylelint, automatisk specifikation af projektkode.
Unplugin Utilities:
- [unplugin-auto-import](https://github.com/antfu/unplugin-auto-import) - auto import the most used APIs
### Getting Started
> The quickest way to do this is to download the zip of the project or fork it into your personal repository.
1. Clone code: execute command---git clone https://github.com/laoer536/vite3.0-react18-TypeScript-router-dom6-mobx6-Eslint-prettier-template
2. The editor opens and downloads the dependencies：Execution of commands--- `pnpm i`
3. Running Projects：pnpm dev
4. Packing project
> Test Package：pnpm build:test
>
> Production Package：pnpm build
>
> (The environment variable file (env) has been added to the root directory, so you can add packaging commands and environment files according to your project.）
### How to use docker?
1. Ensure that Docker is installed on your computer.
2. Just run `pnpm release:local`
3. Then you can view your project on ``
### Note
Vite5 requires your node version to be 18+ or 20+.
### Support
[](https://jb.gg/OpenSourceSupport)