React Starter Template

Quickly start beautiful React apps. With basic ready useful MUI components. And using Vite build tool.

Features

Base UI built with Mui components, styled, and custom

Aliases path to main folders

Generate-template-files ready to use with templates

Using react-meta-tags to inject dynamic theme-color

Axios common api's folder

Setup

Install the npm packages

npm i

In serverAxios.ts 'baseUrl' put whatever server link you have. For example:

 https://{project-name}.herokuapp.com/

Start dev server on localhost for development

 npm run dev

For production version run

 npm run build
 npm run preview

Deploy to github pages

*Make sure you have set the repo, and the gh-pages option in github settings is on

1. Push the project folder (not the build) to the main branche

2. Replace the hompage in package.json to your repo name

   "homepage": "https://<user-name>.github.io/<repo-name>/",

3. In vite.config file change the base to your repository name

   base: '/<REPO-NAME>/',

4. Then just run

   npm run deploy

That will build the app & create gh-pages branche (if doasn't exist) & add & commit & push the dist into gh-pages branch.

Our Recommended vscode extentions:

Vscode-styled-components

Auto Rename Tag

Cody Free AI Assistant

Generate New files

Shortcut for components, pags, and context

to start use, just run:

npm run gen

---

For integration and more components see the MUI library