https://github.com/laoer536/vite-react-typescript-tanstack-zustand-eslint-prettier-template
A simple generic example template.And it includes front-end Docker deployment capability.
https://github.com/laoer536/vite-react-typescript-tanstack-zustand-eslint-prettier-template
docker eslint nginx prettier react18 sass typescript vite3 zustand
Last synced: 23 days ago
JSON representation
A simple generic example template.And it includes front-end Docker deployment capability.
- Host: GitHub
- URL: https://github.com/laoer536/vite-react-typescript-tanstack-zustand-eslint-prettier-template
- Owner: laoer536
- License: mit
- Created: 2021-12-22T16:09:49.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2025-09-09T15:18:32.000Z (27 days ago)
- Last Synced: 2025-09-09T17:29:31.453Z (27 days ago)
- Topics: docker, eslint, nginx, prettier, react18, sass, typescript, vite3, zustand
- Language: TypeScript
- Homepage: https://laoer536.github.io/vite-react-TypeScript-TanStack-zustand-Eslint-prettier-template/
- Size: 3.38 MB
- Stars: 71
- Watchers: 3
- Forks: 20
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.txt
Awesome Lists containing this project
README
# Vite6, React18 (A simple generic example template)
This starter template includes:
- [Vite 6](https://vitejs.dev/guide/)
- [React18](https://react.docschina.org/)
- [TanStack Router](https://tanstack.com/router/latest): Type-safe Routing for React and Solid applications.
- [TanStack Query](https://tanstack.com/query/latest): Powerful asynchronous state management, server-state utilities and data fetching.
- [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 [ESlint9](https://eslint.org/),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)