Vue JS, FastAPI website tutorial (with Apache, certs, environments)

tutorial showing how to setup a very simple website serving data from the backend (python FastAPI) to the front end (Vue JS)

- if you are unfamiliar with FastAPI, watch my FastAPI tutorial

- Github repo for this tutorial

this tutorial shows
1) setup FastAPI backend listener. to serve a JSON response to the front end
2) setup VueJS front end, ingesting API JSON data and displaying it on browser
3) configure Dev and Prod environments and serve env-specific variables
4) setup Apache webserver to serve the website on a real host
5) create SSL certificates using Lets Encrypt certbot (HTTPS)
6) create systemd startup scripts for front and back end services

[orubenlopes]

awesome, perfecto25
that's almost exactly what I was looking for
THANKS A LOT!

aand I'm curious: are you of Brazilian descent?

[deymonsteru]

Thanks, very nice explanation, can you do the same with postgresql, sqlalchemy - maybe you know some best practices about this stuff? And about deploying project via docker

[giridhart]

Thank you for your video.
Is there a definitive guide for doing authentication, deployments and configuring server access.

[SamKatakouzinos]

Hi there. I've been trying to get this up and running on a Debian Bullseye vm but keep getting errors.
Would it be a hassle to share the os/version/environment you successfully set this up in?
Maybe I can have a better chance of getting this up and running by mimicking your platform.