ulinja/vue-tailwind-fastapi-template
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
vue-tailwind-fastapi-template/README.md

1.3 KiB
Raw Blame History

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.