| title | description | tags | ||||
|---|---|---|---|---|---|---|
Vue 3 + Vite + Caddy |
The default Vue + Vite TS starter, utilizing `Caddy` to serve the built single page app |
|
- Install and configure vue-meta.
- Style responsive.
- Cleanup page views and move logic to stores.
- Cleanup and refactor styles.
- Add every text to strapi.
- Configure internationalization and translate everything.
- Fix images not loading locally.
- Limit article categories in article card to 3 and show "and X more".
- Get header images via endpoint.
- Componentize homepage sections.
- 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.
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: