vite-frontend

name	vite-frontend
description	Initializing, structuring, and bundling client-side Single-Page Applications (SPA) with Vite.
allowed-tools	Read Write Edit Bash
license	MIT license
metadata	{"skill-author":"Lord1Egypt"}

Vite Frontend

Overview

Vite is a modern frontend build tool that is extremely fast, leveraging native ES Modules and Hot Module Replacement.

When to Use This Skill

Use to scaffold React, Vue, or Vanilla JS UI pages to deploy statically on Vercel.

Quick Start (with runnable code examples)

# To create a new project folder:
# npx -y create-vite@latest ./ --template react
# To run local development server:
# npm run dev

Advanced Usage

Configure custom plugins in vite.config.js, setup dev server proxy options, and configure build configurations for clean static output.

Key References

• Vite Guide

Dependencies

• vite>=5.0.0