| backend | ||
| frontend | ||
| public/static/images/common | ||
| .gitignore | ||
| .postcssrc | ||
| Caddyfile | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| production.backend.Dockerfile | ||
| production.docker-compose.yml | ||
| production.frontend.Dockerfile | ||
| README.md | ||
| requirements.txt | ||
| tailwind.config.js | ||
TODO
In index.html: make parcel replace the hard-coded base URL (in the meta tags).
About
This is a template project for a webapp using the following tech stack:
- Frontend:
- Vue.js
- TailwindCSS
- Axios
- Backend:
- FastAPI (python)
- Other:
- Caddy (webserver/reverse proxy)
- Parcel (bundler)
Customization
A number of default template files and assets for the frontend are already present in the repository. These include essential assets like a set of fonts, and a default favicon.
Favicon
The standards for the correct favicons are annoying, many browser vendors use a different standard.
A quick and easy way to create a set of favicons with broad compatibility is to create your favicon as an .svg-file,
and then use realfavicongenerator.net to create a set of relevant files and HTML
for your favicon.
Place the generated icons into /frontend/assets/images/common/ and be sure to adjust the generated HTML to point to
this path.
OG Image
The OG image is served directly by Caddy, and thus needs to be placed into /public/static/images/common/,
ideally as a .webp-file.
The image's dimensions should be 1200 x 630 pixels, as according to the OGP standard.