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]
| Item | Detail |
|---|---|
| Client PC | M1 Macbook Pro, v12.3.1 |
| Vue | v3.2.x |
| node | v16.14 |
| npm | v8.3.1 |
| TypeScript | v4.6.3 |
Prerequisite
[ads]
- Google Cloud project that is connected with the bIllable Google Cloud account.
Series Index
[ads]
| # | Title | Summary |
|---|---|---|
| 1 | Install Docker on the M1 Mac environment | The steps for the installation of the Docker will be used in the following articles. |
| 2 | Recap the Docker commands | Recap the docker commands, such as “docker build”, or “docker run” will be used in the following articles. |
| 3 | Create the Docker Image | In 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. |
| 4 | Push a Vue3 Docker image to the Google Container Register | The 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. |
| 5 | Deploy the Vue3 Docker image to the Google Cloud Run | Finally, I will explain the steps to deploy Docker Image into the Google Cloud Run stored in the GCR mentioned in the previous article. |