Deploy Nuxt on Google Cloud Run
How to deploy Nuxt on Google Cloud Run?
Google Cloud Run is a fully managed compute platform for deploying and scaling containerized applications quickly and securely.
In this guide, we simply upload the entire project folder to Google Cloud Build with a Dockerfile. After the upload, Cloud Build will automatically generate a container. Then we will deploy this container to Google Cloud Run which will start it with the
start script in our package.json.
Make sure you have a Google Cloud Account, a project and the accesses as editor on Cloud Build and Cloud Run. Furthermore, make sure to download and install the Cloud SDK (CLI) from Google as explained here and log into your Google Cloud Account. If you do not want to download the Cloud SDK, be aware that you can use gcloud CLI from the Google Cloud Console.
Now, let's do few checks!
If the Cloud Build API and the Cloud Run API are not enabled, enable them:
# Enabling Cloud Build $ gcloud services enable cloudbuild.googleapis.com # Enabling Cloud Run $ gcloud services enable run.googleapis.com
Go in your application directory and install dependencies:
# For yarn users $ yarn # For npm users $ npm install
Start the application locally:
# For yarn users $ yarn dev # For npm users $ npm run dev
Check that everything works.
Now, we will create a container with Cloud Build.
You need to add to your Nuxt app a
Dockerfile. Create a new file named
Dockerfile in your root project directory and add the following content:
For yarn users:
FROM node:14 WORKDIR /usr/src/app COPY . ./ RUN yarn EXPOSE 8080 ENV HOST=0.0.0.0 ENV PORT=8080 RUN yarn build CMD [ "yarn", "start" ]
For npm users:
FROM node:14 WORKDIR /usr/src/app COPY . ./ RUN npm install EXPOSE 8080 ENV HOST=0.0.0.0 ENV PORT=8080 RUN npm run build CMD [ "npm", "run", "start" ]
Run the following command to start the build process:
gcloud builds submit --tag gcr.io/<YOUR_GOOGLE_CLOUD_PROJECT_ID>/my-nuxt-app-name:1.0.0 .
!Attention: if you want to implement continuous delivery or .env files configurations, you will have to use a Cloud Build configuration file .
Run the following command to deploy your application:
gcloud run deploy --image=gcr.io/<YOUR_GOOGLE_CLOUD_PROJECT_ID>/my-nuxt-app-name:1.0.0 --platform managed --port 3000
Allow unauthenticated invocations if you want to set up a public access.
Be aware that Cloud Run applications will have a default concurrency value of 80 (each container instance will handle up to 80 requests at a time). You can specify the concurrency value this way:
gcloud run deploy --image=gcr.io/<YOUR_GOOGLE_CLOUD_PROJECT_ID>/my-nuxt-app-name:1.0.0 --platform managed --port 3000 --concurrency <YOUR_CONCURRENCY_VALUE>
Run the following command to check if the deployment was created successfully:
gcloud run services list --platform managed
A list of Cloud Run services is displayed. Click on the URL of your deployment and enjoy the result!