krsfr / react-app-vite

title	description	tags
Vite + React	The default Vite + React starter, utilizing `Caddy` to serve the built app	node vite react

Vite + React + Caddy

This is a Vite + React starter that uses Caddy.

✨ Features

• Vite + React
• Caddy

💁‍♀️ How to use

• Install required dependencies with npm install
• Start the server for local development npm run dev

❓ Why use Caddy when deploying to Railway?

Caddy is a powerful, enterprise-ready, open source web server, and therefore Caddy is far better suited to serve websites than Vite is, using Caddy will result in much less memory and cpu usage compared to serving with Vite (much lower running costs too)

To see how this is achieved with nixpacks, check out the fully documented nixpacks.toml file in this repository

The configuration for Caddy is called a Caddyfile, and you can edit that file to further suite your needs, by default it comes configured to serve a single page app for React, and to also gzip the responses

Relevant Caddy documentation:

• The Caddyfile
• Caddyfile Directives
• root
• encode
• file_server
• try_files