For this example we will use Docker compose to be able to run all the services 1.Docker Compose version: "3.9" services: grafana: image: grafana/grafana ports: - 3000:3000 prometheus: image: prom/prometheus ports: - 9090:9090 volumes: - ./prometheus.yml:/etc/prometheus/prometheus.yml:ro postgres: image: postgres:12 ports…

For this example we will use GitLab Container Registry and we will version the images by commit Variables of GitLab CI_REGISTRY_USER: User actually of GitLab CI_REGISTRY_PASSWORD: Password actually of GitLab CI_REGISTRY: “registry.gitlab.com” CI_PROJECT_PATH: “gitlab-example/my-project” CI_COMMIT_SHORT_SHA: Recent commit ID 1.Docker Login (GitLab Container registry) docker login -u $CI_REGISTRY_USER -p $CI_REGISTRY_PASSWORD $CI_REGISTRY

For this example we will use Docker compose to be able to run all the services Docker Compose version: "3.9" services: grafana: image: grafana/grafana ports: - 3000:3000 prometheus: image: prom/prometheus ports: - 9090:9090 volumes: - ./prometheus.yml:/etc/prometheus/prometheus.yml:ro redis: image: "bitnami/redis:latest" ports: - 6379:6379 environment: - REDIS_REPLICATION_MODE=master - REDIS_PASSWORD=my_master_password

In this example we will see the main methods to interact with Google Calendar API Dependencies pip3 install google-api-python-client google-auth-httplib2 google-auth-oauthlib Credentials of Google Cloud in JSON

In this example we will see how to add a router with vaadin router Vaadin router A small, powerful and framework-agnostic client-side router for Web Components npm i @vaadin/router import { html, LitElement } from "lit"; export class Home extends LitElement { constructor() { super(); } render() { return html`<div> <h1>Home</h1> </div>`; } } customElements.define("my-home", Home);

In this publication we will see the main methods to use with Azure Blob Storage pip install azure-storage-blob Blob Service Client from os import getenv from azure.storage.blob import BlobServiceClient blob_service_client = BlobServiceClient.from_connection_string( getenv("AZURE_STORAGE_CONNECTION_STRING")) Methods for blobs (Files) Upload Blob def upload_blob(filename: str, container: str, data: BinaryIO): try: blob_client =…

In this example we will see how to upload images and use background tasks to generate resolutions for different devices Dependencies pip3 install FastAPI uvicorn Pillow Background Tasks You can define background tasks to be run after returning a response. from fastapi import FastAPI, UploadFile, File, BackgroundTasks from fastapi.responses …

For this example we will use the Intersection Observer API Component in svelte <script> import axios from "axios"; import { infiniteScroll } from "../../functions/infiniteScroll"; let pageNumber = 0; let characters = []; let Loading = false; const fetchData = async () => { try…

1. DockerFile of Frontend if your environment variable is for example http://localhost:8000/api put only /api FROM node:14 WORKDIR /app COPY . /app ENV REACT_APP_REST=/api RUN npm install RUN npm i -g serve RUN npm run build EXPOSE 5000 CMD ["serve", "-s", "build"] 2. DockerFile of Backend FROM node:14 WORKDIR /app COPY . …