skills.rest
MolcajeteAI
MolcajeteAIOFFICIAL
Explore all skills by this author →
GitHub

vite-deployment

Automate Vite SPA deployments to Vercel, Netlify, and other platforms.

2|1|Updated Nov 13, 2025
Search Tags:#deployment#react#vercel#vite#spa#netlify#cicd
One-click install
npx skills add https://github.com/MolcajeteAI/plugin --skill vite-deployment
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: vite-deployment
Source: https://github.com/MolcajeteAI/plugin/tree/main/deprecated/tech-stacks/js/react/skills/vite-deployment
Command: npx skills add https://github.com/MolcajeteAI/plugin --skill vite-deployment

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill streamlines the process of deploying Vite-built Single Page Applications (SPAs) to various popular hosting platforms, simplifying CI/CD setup and configuration.

Core Features & Use Cases

  • Platform-Specific Configurations: Provides tailored setup instructions and code snippets for Vercel, Netlify, Cloudflare Pages, AWS S3/CloudFront, and GitHub Pages.
  • CI/CD Integration: Includes example GitHub Actions workflows for automated deployments.
  • SPA Routing: Addresses the common need for client-side routing configuration across different platforms.
  • Use Case: You've built a React SPA with Vite and need to deploy it to Vercel. This skill provides the exact vercel.json configuration and deployment commands needed.

Quick Start

Use the vite-deployment skill to deploy your Vite SPA to Vercel.

Frequently Asked Questions about vite-deployment

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I deploy a Vite SPA to Vercel or Netlify?▼

To deploy a Vite SPA, this skill provides platform-specific configuration files like `vercel.json` and deployment commands for Vercel, Netlify, Cloudflare Pages, AWS S3/CloudFront, and GitHub Pages.

Why does my Vite SPA routing break on refresh after deploying?▼

Vite SPA routing breaks on refresh due to missing client-side routing configurations. This skill addresses SPA routing requirements by providing platform-specific configuration files to handle fallback routing correctly.

How do I set up GitHub Actions CI/CD for a Vite React app?▼

Set up CI/CD for a Vite React app using the included example GitHub Actions workflows. These workflows automate the deployment process to your configured hosting platform.

Can I use this to deploy Vite SPAs to AWS S3 and CloudFront?▼

Yes, you can deploy Vite SPAs to AWS S3 and CloudFront. The skill provides tailored setup instructions, build scripts, and caching strategies specifically for AWS deployment.

What's the best way to configure caching for a deployed Vite single page application?▼

The best way to configure caching for a Vite SPA is using the platform-specific configuration files provided by this skill, which address caching strategies for optimal performance across different hosting platforms.

Do I need manual configuration files to deploy Vite SPAs to multiple hosting platforms?▼

No, you do not need manual configuration files. This skill automates the generation of platform-specific setup instructions and code snippets for deploying Vite SPAs to multiple hosting platforms.

Related Skills

Explore More Software Engineering Skills→
Eng0AIEng0AI
15

gsap-awwwards-website

Build a React 19 landing page with GSAP scroll animations and Tailwind CSS 4.

Official
Advanced
sergicalsergical

sentry-setup-metrics

Configure Sentry custom metrics for counters, gauges, and distributions in JavaScript and Python.

Community
Advanced
aapw01aapw01

Git Workflow & CI/CD

Implement Git workflow best practices and automate CI/CD pipelines with GitHub Actions.

Community
Advanced
jackspacejackspace
16

cloudflare-worker-base

Set up a Cloudflare Workers project with Hono routing, Vite, and static assets.

Community
Advanced