https://github.com/emre-cil/vite-mui-ts

Boilerplate powered by vite for React-TypeScript projects (Vite + TypeScript + React + MUI + RRD + Prettier + ESLint)
https://github.com/emre-cil/vite-mui-ts

boilerplate-template eslint material-ui prettier react starter-template typescript vite

Last synced: 3 months ago
JSON representation

Boilerplate powered by vite for React-TypeScript projects (Vite + TypeScript + React + MUI + RRD + Prettier + ESLint)

• Host: GitHub
• URL: https://github.com/emre-cil/vite-mui-ts
• Owner: emre-cil
• Created: 2022-11-23T11:52:43.000Z (about 2 years ago)
• Default Branch: master
• Last Pushed: 2024-07-02T10:49:57.000Z (7 months ago)
• Last Synced: 2024-07-31T22:37:49.330Z (6 months ago)
• Topics: boilerplate-template, eslint, material-ui, prettier, react, starter-template, typescript, vite
• Language: TypeScript
• Homepage:
• Size: 467 KB
• Stars: 43
• Watchers: 2
• Forks: 11
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

• fucking-awesome-vite - vite-mui-ts - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier. (Get Started / Templates)
• awesome-vite - vite-mui-ts - React + TypeScript + Redux + Material UI + RRD + ESLint + Prettier. (Get Started / Templates)

README

        
## vite-mui-ts boilerplate

TypeScript + React + Redux + MUI + RRD + ESLint + Prettier

![vite-mui-ts](https://i.ibb.co/j8JSrhV/Screenshot-2023-07-06-121352.png)

### Getting Started

#### Clone the repo

```

npx degit emre-cil/vite-mui-ts my-app

```

```

cd my-app

```

#### Install Dependencies

```

pnpm install

```

#### Run

```

pnpm dev

```

#### Paths

Application using absolute paths

Example: '@/components/Counter/Counter';

if you don't want to use you can remove these lines from

> vite.config.ts

```

 resolve: {

    alias: {

      '@': path.resolve(__dirname, 'src'),

    },

  },

```

> tsconfig.json

```

"paths": {

      "@/*": ["./*"]

    }

```

### Scripts

| Script        | Description                        |

| ------------- | ---------------------------------- |

| pnpm dev      | Runs the application.              |

| pnpm build    | Create builds for the application. |

| pnpm preview  | Runs the Vite preview              |

| pnpm lint     | Display eslint errors              |

| pnpm lint:fix | Fix the eslint errors              |

| pnpm format   | Runs prettier for all files        |

| pnpm test     | Run tests                          |

### Check List

````