README.md

Workspace: vite

This is a template for a single-page Vite app with React, Tailwind CSS, Testing Library and Clerk.

Configuration

• Copy .env.example and rename it to .env, then change the values if needed

Setup

• This project needs to be started together with the Express api to connect to the tRPC server.

Tasks

Turborepo

# run development server
turbo dev --filter vite

# build workspace
turbo build --filter vite

# run preview server
turbo preview --filter vite

# lint workspace
turbo lint --filter vite

# test workspace
turbo test --filter vite

# test workspace with coverage check
turbo test:coverage --filter vite

# test workspace with browser UI
turbo test:ui --filter vite

# test workspace with type check
turbo test:types --filter vite

# extract and compile intl messages in workspace
turbo intl --filter vite

Note More information about filtering: https://turborepo.org/docs/core-concepts/filtering

Tech Stack

General

• Vite
• React
• React Router

State Management

• Jotai

API

• tRPC
• TanStack Query

Auth

• Clerk

UI

• Tailwind CSS
• Format JS

Testing

• Vitest
• Testing Library
• Mock Service Worker

Monitoring

• Sentry
• Web Vitals