All Templates / Starters

Vue 3

Vue 3

Get started developing with Vue and Vite today!

Deploy Vue 3

Vue 3

railwayapp-templates/vue-starter

Just deployed

Vue 3 + TypeScript + Vite + Caddy

This template should help get you started developing with Vue and TypeScript in Vite. The template uses Vue 3 With TypeScript.

✨ Features

  • Vue 3 + TypeScript + Vite + Caddy
  • Caddy v2

💁‍♀️ Local Development

  • Install required dependencies with npm install
  • Start the server for local development npm run dev
  • Navigate to `http://localhost:5173/. The application will automatically reload if you change any of the source files.

❓ 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 Vue 3, and to also gzip the responses

Relevant Caddy documentation:


Deploy Now

Details

Brody

Created on Aug 17, 2023

239 total projects

83 active projects

100% success on recent deploys

Vue, CSS, HTML, TypeScript

Starters



More templates in this category

View Template

New

Angular 19

Angular 19

A framework for building single-page applications using TypeScript


Dango

View Template

New

mellow-vue

mellow-vue

A full-stack Vue app with The Boring JavaScript Stack.


My Workspace

View Template
.NET8 Web API

.NET8 Web API

A basic ASP.NET Core Web API template (.NET 8)


Dango