/vret-boilerplate

⚡ A boilerplate for Vite.js, React.js. Emotion.sh, & TypeScript.

Primary LanguageTypeScriptMIT LicenseMIT

Vret Boilerplate ⚡

Vret stands for Vite, React, Emotion, TypeScript.

It's fast & faster than create-react-app! 🏃‍♂️

Installation

Choose an option:

  • Download as .ZIP then extract/unzip.
    • Rename the folder to your project's name.
  • Clone the repo — git clone https://github.com/joshxfi/vret-boilerplate.git <project-name>
    • Replace the <project-name> with the title of your project.

Quick Start

  • Change directory to your project:
cd <project-name>
  • Install the dependencies:
# for npm
npm install or npm i

# start dev server
npm run dev
# for yarn
yarn install or yarn

# start dev server
yarn dev
  • Reinitialize the git repository (optional).
# this will remove the existing remote
rm -rf .git

# initialize an empty git repository
git init

Features

  • Removed CSS files.
  • CSS Reset (CSS-Maid)
  • Reusable media queries.
  • Added types.d.ts file.
  • Added components folder.
  • Added <Global /> in App.tsx.