Sidecar Tutorial: Server-side
In this part of the Quick Start tutorial, the server-side API will be made. Follow the steps below to complete the server-side tutorial.
Create a directory for your application project:
QuickApp
Inside the project directory create a directory named server and create:
requirements.txt
fastapi
uvicornIn terminal cd into server directory and run commands:
# Create virtual environment for python project.
python -m venv venv# Activate virtual environment
source venv/bin/activate # install required dependencies
pip install -r requirements.txtOnce these commands have been executed and dependencies have been installed, create and copy in the main.py file as illustrated below:
# FastApi Setup for the Quick Start Tutorial
from fastapi import FastAPI
from fastapi.middleware.cors import CORSMiddleware
import uvicorn
# Initiates the FastApi instance
app = FastAPI()
# Enabling CORS to allow access for the Client-side App.
app.add_middleware(
CORSMiddleware,
allow_origins=["*"],
allow_credentials=True,
allow_methods=["*"],
allow_headers=["*"],
)
# Route for our API on index page to send over a simple message.
@app.get("/")
async def index():
return {"message": "Welcome to IndustryApps!"}This is a minimal setup to run a FastApi stateless Restful compliant API, this simply returns a message "Welcome to IndustryApps!" when fetched later on the client-side.
The command uvicorn main:app starts the API in case you'd like to test it, which refers to:
main: the filemain.py(the Python "module").app: the object created inside ofmain.pywith the lineapp = FastAPI().
By following the link which pops up on terminal you should see the message displayed on the browser window:
FastApi automatically documents its endpoints. By adding /docs endpoint to your API url, the available endpoints of the API will be visible.

The application will be built and run through docker-compose later in the tutorial. The next step will be building the client-side app with
Vue /Nuxt js.
Last updated