Cloud Build - Create a CI/CD Pipeline

[@camerenisonfire]

I hardly understand how this channel is not one of the top Web Dev resources on KZbin. Great concise info and incredible production quality. Thanks.

[@Fireship]

Thank you :) Tell your friends!

[@DevOpsDirective]

The tip at 4:33 about using `gcloud builds submit` from within the cloud-builders-community repo to build and push the builder image to your project's container registry is awesome!

[@hooligansofts7430]

Can you please create more tutorials or courses related to deep firebase and firestore related stuff using react or vue as frontend. Your channel is a gold mine to learn the best approaches and practices for firebase and all the related features of it but many of us are not really angular developers. Majority of individuals who are start on their own begin with either react or vue as their first js library. I would seriously love to purchase any course by you where you build a react or vue application using firebase and firestore with all its features. And thanks for sharing all these videos, your content is actually premium.

[@Fireship]

Thank you for the suggestion. Fireship courses will decouple the frontend from the backend, making it easier to integrate any frontend. My first attempt with this is already in progress with a Payments course.

[@hooligansofts7430]

@@Fireship so glad to hear that! 😊

[@gerardrique3229]

The content you post on this channel is so incredible and useful.

[@duncan-dean]

I set this up for some of my static sites yesterday. Deploys to separate buckets for each site. Was super simple and fun! Awesome video by the way!

[@Fireship]

Nice, it's awesome for the JAM stack

[@patrickmullot73]

Whoo ! I think this is the densest episode of all! So much info in so little time! But awesome anyway! Thanks Jeff!

[@Fireship]

Thanks! This took much longer than I expected to create. There are a lot of little gotchas setting up CI/CD

[@patrickmullot73]

Indeed!!! DevOps in 9'37 !! You're the Usain Bolt of youtube! :-p

[@Fireship]

@@patrickmullot73 haha, I happen to share a birthday with him Aug 21

[@patrickmullot73]

​@@Fireship There it is!

[@seanrussell214]

Thanks for the content! I have been doing something similar, but I'll be making a few adjustments after watching your video. Something to consider for those who use more than hosting on firebase: You can create separate triggers for each component of your firebase app by utilizing the 'Included files filter'. Ex 'public/*' for frontend, and 'functions/*' or 'appengine/*' for backend. This way you do not have to deploy your entire application when you make a little change to your frontend or vise versa. Sorry, long comment over.

[@PS-cc3pz]

Richie rich home as automation reference. Best example ever !

[@tempolakay104]

If you do not understand where the names are coming from. They just containers that the script runs in-line with your command. So the first -name is a docker container for npm packages and the entrypointis npm. The args is the command. It spins up a docker container with npm utilities and run npm install then it does, continue to the next step

[@kaushilkundalia9653]

This is one of the most underrated channel on YT.

[@MercyFromOverwatch2]

Jeff is my favourite tech youtuber!

[@zoecarlibur]

I love these Google Cloud related videos. Good to learn about the GCP & Firebase Ecosystem.

[@StanLTU]

I love your presentation style. Very informative and straight to the point. You have very good voice for these videos and well done with animations. Can you tell me how many people work on these videos?

[@DebmallyaBhattacharya]

CI/CD which builds the docker image, deploys in GCloud Containers and let's the Cloud Run service point to the latest version of the container.

[@premkumarh]

More Code this and not that please.. and make a play list in your channel tooo.. loving your channel keep us moving..

[@Fireship]

Thanks for the suggestion, I'll try to fit in a "code this, not that" every couple weeks.

[@shaunb]

Extremely useful video! I was just thinking of setting this up on a personal project of mine, and now I’ll know how to do it right the first time!

[@Fireship]

Nice! Let me know how it goes

[@dmz985]

Awesome video Jeff! Are you planning on showcasing your Algolia index update code / process? I would be really interested in that.

[@mileslemon]

I would love to see you do more videos with Vue. It's by far my favourite JS framework.

[@Fireship]

I like Vue. That might be something you'll see on this channel in the future

[@santiagobarchetta5401]

Dude. This is amazing. Thanks for the info! Is super usefull!

[@hiranga]

Great to hear you had success with this video - do these steps still work with the current GCP? (3yrs later)?

[@AymanEL-BACHA]

was wondering how to automate the update process rather than running a script inside the Instance on GCP. I have checked multiple services on GCP (Cloud Build, Cloud Function…) appreciate your guidance

[@madhusvuce]

This is great. How do we automate end-to-end for firebase app. Creating the firebase project, creating app within the project, create DB, functions and hosting , set authentication settings on firebase etc. Is it feasible to build scripts to spin up firebase environment end-to-end ??

[@abdullahhejazi6907]

I am quite shocked that you use ubuntu, for a long time I thought you use macOS Great video

[@Jo-tj6gn]

i would like to see something with Travis & Angular to a normal FTP Service

[@PatNeedhamUSA]

For anyone who decided to NOT do a copy pasta and manually typed out that cloudbuild.yaml ... make sure you have it as gcr.io, NOT grc.io.

[@resham1729]

Great video👍👍👍

[@myxsys]

Exactly what I needed! Thanks for making this straightforward tutorial!

[@ZaheeruddinBabar_1]

Right on time! 🔥 Awesome stuff as usual.

[@albertroswell]

this is very useful, how can I make cloud build to update my code to a certain vps I have on google cloud then?, thanks

[@samdavid431]

I have a problem in integrating the Angular app, ng test does not work due to problems with puppeteer Cannot start ChromeHeadless /opt/atlassian/pipelines/agent/build/node_modules/puppeteer/.local-chromium/linux-609904/chrome-linux/chrome: error while loading shared libraries: libX11-xcb.so.1: cannot open shared object file: No such file or directory

[@rahulkhatri2920]

i have a query, can you please look into it. so we used gcloud builds submit command to upload the community repository in our Gcp project, where did we mention the project ID while executing this command like how did gcloud builds submit got know where to submit? edit1: do we need to replace $PROJECT_ID in the cloudbuild.yaml file before running the gcloud builds submit command?

[@AbhishekKumar-mq1tt]

Thank u for this awesome video

[@sveinsoermo9883]

Gold Jeff, GOLD!

[@ArturoCamposConde]

I have a question on scheduling builds, could you point where I could find a replicable example of scheduling builds? I've tried setting the scheduler with cron commands in console but it isn't working. The only way I could trigger builds using the scheduler is by placing a function in between which is redundant because cloud build should obey cloud scheduler triggers.

[@ArturoCamposConde]

Thanks for your content Jeff it is awesome.

[@acche-rc]

can u do one for circle ci and compare how it is better or worse than google cloud build?

[@TerjeChristensen_Norway]

Thanks. Great overview

[@kartiksikka3866]

Hi I am facing below issue while deploying angular 9 app on firebase , It says me to update npm version . Please help !! The Angular CLI requires a minimum Node.js version of either v10.13 or v12.0.

[@jacobmiller38]

Can this also push iOS and Android apps to TestFlight, App Store, and Play?

[@ikezedev]

Thanks again Jeff

[@TheTiagoslater]

having multiple environments dev sys qa prod, would you repeat the process each env ?

[@mitchsrobinson]

Great video! Is anyone else having an issue with the firebase cloud builder? Error about the permissions: -> "starting container process caused "exec: \"/firebase.bash\": permission denied": unknown."

[@mitchsrobinson]

Okay so anyone having this problem - add firebase tools to your dependencies and create an NPM "deploy" script that calls "firebase deploy" and run that in the normal npm cloud builder!

[@evolintend]

i like your content

[@honky7donky]

How would you set this up if you, like us, are using a monorepo, and the cloudbuild.yaml file is not in the root of the repository?

[@J38x729]

I followed the steps and I got the error "Status: Downloaded newer image for gcr.io/zoomdash/firebase:latest gcr.io/zoomdash/firebase:latest standard_init_linux.go:211: exec user process caused "no such file or directory"" anyone know how to fix this?

[@atulkumarsaurabh8955]

Hey Did you find a fix for that? I am also facing the same

[@mazimadu]

I am also getting this error. Any fix?

[@mazimadu]

Well I figured it out for me! Since I'm on Windows: Use notepad++, go to edit -> EOL conversion -> change from CRLF to LF.

[@VenkatSubash]

Vue is really awesome

[@mazimadu]

I am getting this error. standard_init_linux.go:219: exec user process caused: no such file or directory EDIT: Well I figured it out for me! Since I'm on Windows: Use notepad++, go to edit -> EOL conversion -> change from CRLF to LF.

[@mvvbuch]

That’s awesome! Thanks a lot

[@dev_pasha]

This is not CI/CD it's just a CI part. Where is the publishing artifact part and choosing specific environment ?

[@Oswee]

Firebase !== production. :)

[@just_jimmy]

Great video

[@MrOnizukakira]

Do I have to enable billing to use this service? Thank you

[@Fireship]

Yes, forgot to mention that. It pricing is very generous tho and will likely be free unless you have a big active build process.

[@user72974]

No more Kubuntu? Looks like you switched to Ubuntu. :O

[@Fireship]

Yep, I upgraded my system a few months ago. I almost went with Manjaro, but really liking bionic beaver

[@user72974]

@@Fireship I had an Antergos phase for a while too before I settled on trusty old Ubuntu. It's boring, but it works. :)

[@manualchnn]

Thanks and keep it up 😍

[@balu.92]

These steps feel convoluted and non-intuitive. Cloud integration feels complicated lol

[@TheCreeperTrack1]

Codoku/Pubsub

[@TheCreeperTrack1]

Teraje

[@kaushilkundalia9653]

This is one of the most underrated channel on YT.