[Series Index Page] Publish the Vue3 Docker Image to Google Cloud Run

Through the series of several articles, I would like to introduce how to Deploy the Vue3 project to the Google Cloud Run using Docker Container.

The articles would be started with the “Docker Installation”. If you’ve already done the steps included in the specific topic, you can skip each article.

Note that I will use the “add typescript” option during the Vue3 project creation.

Used Environment

[ads]
ItemDetail
Client PCM1 Macbook Pro, v12.3.1
Vuev3.2.x
nodev16.14
npmv8.3.1
TypeScriptv4.6.3

Prerequisite

[ads]
  • Google Cloud project that is connected with the bIllable Google Cloud account.

Series Index

[ads]
#TitleSummary
1Install Docker on the M1 Mac environmentThe steps for the installation of the Docker will be used in the following articles.
2Recap the Docker commandsRecap the docker commands, such as “docker build”, or “docker run” will be used in the following articles.
3Create the Docker ImageIn this article, I will explain how to configure the docker things, such as “dockerfile“, or “nginx.conf” so that the image could deploy to Google Cloud Run.
4Push a Vue3 Docker image to the Google Container RegisterThe better way to deploy to the Google Cloud Run with the Docker Image is to deploy from the Google Container Registry (GCR). In this article, I would like to introduce how to push the Docker image from your PC to the GCR.
5Deploy the Vue3 Docker image to the Google Cloud RunFinally, I will explain the steps to deploy Docker Image into the Google Cloud Run stored in the GCR mentioned in the previous article.