The list of features:
- ⚡️ Vite 3
- 🤖 vite-plugin-ssr (Suspense support)
- ⚙️ React 18
- 🧹 Typescript
- ✨ ESLint + Prettier
- 🔃 Axios
- 🛣 React router 6 - optional
- 👻 Jotai - optional
- 💎 Material v5 - optional
- 🌐 React intl - optional
- 📋 React Hook Form - optional
- 🛠 Feature-Sliced Design (Architectural methodology) - optional
// build development
yarn start
// build development client only
yarn start:client
// build production
yarn build
Requests are stalled forever (vite docs link)
If you are using Linux, file descriptor limits and inotify limits may be causing the issue. As Vite does not bundle most of the files, browsers may request many files which require many file descriptors, going over the limit.
To solve this:
-
Increase file descriptor limit by
ulimit
# Check current limit $ ulimit -Sn # Change limit (temporary) $ ulimit -Sn 10000 # You might need to change the hard limit too # Restart your browser
-
Increase the following inotify related limits by
sysctl
# Check current limits $ sysctl fs.inotify # Change limits (temporary) $ sudo sysctl fs.inotify.max_queued_events=16384 $ sudo sysctl fs.inotify.max_user_instances=8192 $ sudo sysctl fs.inotify.max_user_watches=524288
Feel free to customize the template. You can easily remove any feature you want and add your own ✌️