Does this skill handle client-side routing issues?

Yes, it includes specific redirect configurations for all major platforms (like vercel.json and netlify.toml) to ensure SPA routing works correctly after deployment.

Does it support environment-specific variables?

Yes, the skill provides patterns for managing build-time variables via .env files and platform-specific secrets within CI/CD pipelines.

Can I use this for platforms other than Vercel and Netlify?

Absolutely, it provides detailed configurations and GitHub Action workflows for AWS S3/CloudFront, Cloudflare Pages, GitHub Pages, and Firebase.

How does it handle production caching?

It implements a 'build once, deploy anywhere' strategy using content hashing for assets to enable aggressive caching while ensuring the index.html always revalidates.

Vite Deployment Guide

Name: Vite Deployment Guide
Author: IvanTorresEdge

byIvanTorresEdge

0•

デプロイメントとDevOps

Deploys and optimizes Vite-powered React single-page applications across leading hosting platforms and CI/CD pipelines.

This skill provides comprehensive guidance and pre-configured patterns for deploying React applications built with Vite to various cloud providers. It streamlines the transition from local development to production by providing ready-to-use configurations for Vercel, Netlify, AWS, Cloudflare, and more. By implementing standardized SPA routing redirects, content hashing, and secure header configurations, it ensures your application is not only live but also optimized for performance and security according to industry best practices.

主な機能

01Standardized SPA router redirection and 404 handling patterns

02Multi-platform deployment configs for Vercel, Netlify, AWS, and Cloudflare

03Automated CI/CD workflow templates using GitHub Actions

040 GitHub stars

05Optimized caching strategies with content hashing for assets

06Production-ready environment variable management

ユースケース

01Optimizing production build performance and security headers

02Configuring preview environments for pull requests and staging

03Setting up automated deployment pipelines for new React projects

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add ivantorresedge/molcajete.ai vite-deployment

For use in Claude.ai and ChatGPT

Download Skill