Kystack

My personal go-to stack for frontend web development 🫡

Key Components

• Vite - Frontend build tool
• React - UI library
• TypeScript - Typed JavaScript
• Biome - Fast, modern linter and formatter
• TanStack Router - Type-safe, file-based routing
• Zustand - Lightweight state management
• Tailwind CSS and shadcn/ui - UI styling

Supporting Tools

• react-helmet-async - Document head manager for React
• lefthook - Git hooks manager

Getting Started

Prerequisites

• Bun - All-in-one JavaScript runtime & toolkit

If you don't have Bun installed, you can install it by following the instructions on the official Bun website.

Setting up the project

1. Clone the repository:

   git clone https://github.com/Kyziq/kystack
   cd kystack

2. Install dependencies:

   bun install

Available Scripts

• bun dev: Starts the development server with hot-reloading
• bun build: Builds the project for production
• bun preview: Serves the production build locally
• bun format: Formats the code using Biome
• bun lint: Lints the code using Biome
• bun check: Checks the code using Biome

Future Improvements

Explore TanStack Start and React Compiler