react_vite_starter

Minimal, fast, and flexible boilerplate for building modern React applications using Vite. It includes a clean project structure, optimized development tooling, and essential configurations—making it easy to start new projects quickly without unnecessary clutter.

Active Pure Nim score 65/100 · last commit 2026-08-15 · 1 stars · tests present · no docs generated

Summary

Latest Version Unknown
License Unknown
CI Status Failing
Stars 1
Forks 0
Open Issues 0
Last Commit 2026-08-15
Downloads 0
Last Indexed 2026-09-06 07:35

Tags

React JS React.js Vite.js ViteJS app application chakra-ui chakra-ui-v3 css html project pwa react react-js reactjs starter starter-kit starter-template typescript vite web web-app web-application

Installation

nimble install react_vite_starter
choosenim install react_vite_starter
git clone https://gitlab.com/obrymec/react_vite_starter

OS Compatibility

Platform Linux macOS Windows FreeBSD OpenBSD NetBSD Android iOS WASM Embedded
react_vite_starter ✓ ✓ ✓ - - - - - - -

Source

Repository https://gitlab.com/obrymec/react_vite_starter
Homepage https://gitlab.com/obrymec/react_vite_starter
Registry Source gitlab

README

React Vite Starter

First Tag Second Tag Third Tag Fourth Tag

App description...

Table of contents

  1. Access link
  2. Figma link
  3. Final result
  4. Project installation
    1. Nodejs installation
    2. Yarn installation
    3. Sources code cloning
    4. Dependencies installation
  5. Project execution

Access link

The project is already hosted on web and can be accessible through the link below : - https://my-app.com

Figma link

The figma sketch of the project can be found from the link below : - https://www.figma.com/my-app

Final result

This is the final result of the project :

First render Second render Third render Fourth render

Project installation

This project uses Vite bundle as javascript server + React with TypeScript and Chakra UI. Before run the project, you must install some dependencies before.

Nodejs installation

⚠️ The command line below will only work on Linux :

sudo apt install curl;\
curl https://raw.githubusercontent.com/creationix/nvm/master/install.sh | bash;\
source ~/.bashrc;\
nvm --version;\
nvm install --lts;\
node --version

To install NodeJs on Windows, you can follow the video below :

NodeJs tutorial video

To install NodeJs on MacOS, you can follow the video below :

NodeJs tutorial video

Yarn installation

Make sure to install the lastest stable version of yarn.

To install yarn on linux, just open your terminal (CTRL + ALT + T) and run the following command line below :

npm install yarn --global

To install yarn on Windows you can follow the video below :

Yarn tutorial video

To install yarn on MacOS you can follow the video below :

Yarn tutorial video

You can install the latest stable version of yarn only at the project root folder by running the command line below :

yarn set version stable

It's recommended to use 4.5.1 yarn version to avoid any troubleshooting while installing project dependencies.

NB : It's possible to install project dependencies using npm or pnpm command. In this case, you must remove yarn.lock, .yarnrc.yml, .yarn and clear your favorite package manager caches before perform any dependencies installation.

Sources code cloning 

git clone git@gitlab.com:obrymec/react_vite_starter.git react_vite_app/

Dependencies installation

Before start project dependencies installation, you must remove yarn.lock file from the project root and clear yarn caches with yarn cache clean command.
Go to the root folder of the project sources and run :

yarn install

📔Note : Vite and React will be installed automatically after running the command line above.

Project execution

Go to the root folder of the project and run :

yarn run dev

Then, open your favorite browser and tap on the search bar, the following link below :

http://localhost:5000

Enjoy :)