Vite Frontend

Initializing, structuring, and bundling client-side Single-Page Applications (SPA) with Vite.

Lord1Egypt Updated 2 repo stars

File contents

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

Dependencies

  • vite>=5.0.0

Lord1Egypt/ai-skillforge/tree/main/skills/gemini/vite-frontend commit 7764ce3d45

Frequently asked questions

npx skillmds@latest add lord1egypt/vite-frontend