viteapp

Starter pack using Vite, React, Typescript, Chakra and Cypress

Usage no npm install needed!

<script type="module">
  import viteapp from 'https://cdn.skypack.dev/viteapp';
</script>

README

zima-market-frontend

A starter for React with Typescript with the fast Vite and the beautiful Chakra, tested with the powerful Cypress.

Vite + React + Typescript + Chakra + Cypress Starter

I found out about Vite and I wanted to have a boilerplate for the technologies that I use. You can find more about these in the following links: Vite, React, Typescript, Chakra, Cypress.

Features

Aliases

This starter has configurations that enables aliases out of the box. Any folder inside src is automatically setup as an alias. It now has the following structure:

src
    pages
    resources

that generates the follow:

{
    '@pages': '${project_path}/src/pages'
    '@resources': '${project_path}/src/resources'
}

Installation

Clone the repo and run yarn install

Start

After the successfull installation of the packages: yarn start

Tests

You can build tests with Cypress. I wrote a small test to see if it's enabled. You can run it with yarn test