https://github.com/rahulpeacock/react-vite-stack

A simple, ready-to-use React Sass stack with pre-configured tools for faster project setup.
https://github.com/rahulpeacock/react-vite-stack

biomejs javascript pnpm reactjs shadcn-ui tailwindcss tanstack-react-router typescript

Last synced: 26 days ago
JSON representation

A simple, ready-to-use React Sass stack with pre-configured tools for faster project setup.

• Host: GitHub
• URL: https://github.com/rahulpeacock/react-vite-stack
• Owner: rahulpeacock
• Created: 2024-08-21T07:16:26.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-11-08T11:50:45.000Z (2 months ago)
• Last Synced: 2024-11-08T12:34:54.487Z (2 months ago)
• Topics: biomejs, javascript, pnpm, reactjs, shadcn-ui, tailwindcss, tanstack-react-router, typescript
• Language: TypeScript
• Homepage: https://react-vite-stack.vercel.app
• Size: 77.1 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## ⚛️ React + Vite Sass kit

A simple, flexible and batteries-included starter template to kickstart your React projects with ease.

#### The Stack includes

- [Typescript](https://www.typescriptlang.org/) for type safe and scalable React app

- [React.js](https://react.dev/) as the library for building frontend application

- [Tanstack Router](https://tanstack.com/router/latest) for type-safe and flexible client-side routing for React app

- [Tailwind CSS](https://tailwindcss.com/) for styling

- [Shadcn UI](https://ui.shadcn.com/) as the UI component library

- [Vite](https://vitejs.dev/guide/) for fast and optimized development and production build

- [Biome](https://biomejs.dev/) for formatting and linting

- [pnpm](https://pnpm.io/) as fast, efficient package-manager

#### Installation

1. Clone the repository ```git clone https://github.com/rahulpeacock/react-vite-stack.git```

2. Navigate to the directory ```cd react-vite-stack```

3. Install dependencies ```pnpm install```

4. Starting the development server ```pnpm dev```

5. This will launch the app in development mode. Open [http://localhost:5143](http://localhost:5143) to view it in the browser.

> Make sure you have __Node.js__ and __pnpm__ installed in your machine

#### Project Structure

```

.

├── public

│   └── ...

├── src

│   ├── client

│   │   ├── providers

│   │   └── store

│   ├── components

│   │   ├── global

│   │   └── ui

│   ├── lib

│   │   └── utils.ts

│   ├── routes

│   │   ├── __root.tsx

│   │   └── index.tsx

│   ├── styles

│   │   └── main.css

│   ├── main.tsx

│   └── ...

├── .gitignore

├── biome.json

├── components.json

├── package.json

├── tailwind.config.ts

├── tsconfig.json

├── vite.config.ts

└── ...

```

#### Support & Contribute

If you found this project helpful or enjoyed using it, please consider giving it a ⭐️ on GitHub! It helps others find the project and motivates us to keep improving.