diaz-adrianz / vite-react-ts-shadcn-boilerplate Goto Github PK

Hi there! this is ready to use! Elevate your development experience with this cutting-edge boilerplate project. Do you find yourself grappling with code complexity as your web project scales up? Are repetitive code and variable misconfigurations bogging you down? It's time to streamline your workflow setup for future-proof development process!

Focused on standardized, organized, and structured. Simplifies the development process, enhancing efficiency and maintainability. Ensures Comprehensive Coverage of Fundamental and Common Needs in on Web Development Process. Continuously striving to stay updated. Designed to accommodate evolving industry trends and open to any feedback.

If you're a fan of Vite, React, TypeScript, and Shadcn UI (among others) for building React web SPAs, then give it a try.

Clone the project

  git clone < repository link >

Go to the project directory

  cd vite-react-ts-shadcn-boilerplate

Install dependencies

  npm install

Prepare dependencies, optional. Currently just to prepare husky.

  npm run prepare

Start the server at port 3000

  npm run start

• vite
• react
• shadcn ui
• tailwindcss
• react-router-dom
• react-redux
• axios
• react-i18next
• react-lucide
• postcss
• eslint
• prettier
• husky/lint-staged
• commitlint

src
├── assets       # Assets for images, fonts, icon etc
├── components   # React components
├── config       # App configuration / constant values
├── locales      # i18n files
├── providers    # React providers / contexts
├── router       # App dom routing
├── services     # Services for axios, thirdparty, etc
├── store        # Redux state management
├── types        # Typescript data type definition
├── utils        # Utility / helper functions
├── views        # App User Interfaces
  ├── fragments
  ├── layout
  ├── pages
├── app.tsx      # App entry, global providers
├── main.tsx     # File entry
└── vite-env.d.ts

• @Diaz-Adrianz

If you have any feedback, please reach out me at email