biggy1606/my-vite-react-template-2023

My Vite + React + ESlint + Prettier template for frontend development. May be tuned in the future.

Personal UI tool stack

Toolstack for my UI projects. I try to use bun.

It was challenging stuff to configure, but now it works like a charm... I think.

Used technologies:

Name	Description
TypeScript	Main Language
Vite	Bundler
React	Framework
TailwindCSS	CSS Framework
PostCSS	CSS Processor
DaisyUI	A tool for transforming CSS with JavaScript
RadixUI	Unstyled, accessible components for building high‑quality design systems and web apps in React
Zod	TypeScript-first schema validation with static type inference
React Router	Routing. Docs are lame, use github

Planned: React Hook Form Forms

Linting, formatting and code editor:

• VSCode
• ESlint
• Prettier

Always up-to-date tools rather than stable old. It's not intended to be shared, but you can use it if you want.

ToDo: [ ] Add tests [?] Add CI/CD [?] Add SSR (Server Side Rendering)

Usage

1. Setup VITE_APP_NAME in .env.{mode} files
2. run: bun run dev
3. To build for production, run: bun run build

Use https://daisyui.com/components for components styling and https://www.radix-ui.com/docs/primitives/overview/introduction for components

Contact

If you have any suggestions/opinions, please let me know in issues

Dev notes

notes