GitLab CI/CD pipeline for React projects (GitLab + React + Netlify)

In this tutorial, we will take a look at how to create a simple CI/CD pipeline for a React project using GitLab CI pipelines. After the build process, we will get into how to deploy every change to Netlify.
🔻 Click on SHOW MORE 🔻

--

⭐️ Video contents ⭐️

⌨️ 00:00 - Introduction
⌨️ 01:00 - Manual build process.
⌨️ 02:55 - Automated build process.
⌨️ 15:10 - Manual deployment to Netlify
⌨️ 16:46 - Automated deployment.
⌨️ 27:11 - Conclusion

--

⭐️ 🎓 GitLab CI/CD ONLINE COURSE ⭐️

Want to learn more about CI/CD pipelines? Check my GitLab CI online course.

Get it at a special price and help support this YouTube channel:

--

⭐️ 💬 I have a question. ⭐️

I do my best to answer all comments here on YouTube but I cannot make any guarantees.

If you are asking a question, make sure to include as many details as possible.

--

⭐️ 💡 I have a video idea ⭐️

Do you want me to create a video on a specific topic? Just fill out the form below:

--

⭐️ 📺 Learn GitLab on YouTube ⭐️

Collection of video tutorials:

▸ Learn GitLab CI:

___

⭐️ 📕 Free resources ⭐️

📌 Official Gitlab CI documentation

📌 DevOps with Valentine

--

⭐️ 📩 Contact & Imprint ⭐️

👉 Follow me on Twitter:

👉 Follow me on Medium:

👉 Follow me on Facebook:

👉 Let's connect on LinkedIn:

__

[vdespa]

👉 Want to learn more about CI/CD and DevOps? Check my Gitlab CI online course.

[fashiondiylady]

Thank you so much Valentin. This helped me to learn git, pipelines and to deploy my first website. You just cleared up all my confusions points. I had always coded never done these steps before so I always felt like I don't know something which always made me upset whenever I said I am a web developer. Now I learned a lot from this and read through things while learning. And finally I am a confident web developer. Thank you so much

[arihantjain]

Thank you Valentin!
The kind of Valentine we all want..
Everything including the errors that could come were being shown and tackled!

[leslie-bclq]

Your tutorial is really friendly for a new-starter of deployment and Gitlab like me. Thanks for making this video!

[SailorSwiftStyle]

You are an Amazing teacher! Thanks for this making this!!

[marx]

Dude, I think I've seen an other one of your videos. You popped up in a search for GitLab and Heroku pipeline. I wanted to mention that your thumbnail looks well done and inviting. I'm sure I'll be back. Thanks, human.

[LaLaJi.football]

This is really insightful and detailed for a newbie like me. Love this video man!!! :)

[jasontaylor]

This tutorial was kind of perfect. Thank you

[vipul]

Very well explained. Thanks for sharing 👍

[saracamilalauramanzaneda]

:3 at last I understand. Ty
I wasn’t able to understand anything that my DevOps teacher said.

[amin]

Very good tutorial. Thank you.
I wanted to ask how to condition the build to test stage?
If the test stage fails, would it go ahead and do the other ones?

[bricegnanago]

So good! Thank you so much 🙏. I subscribe now

[palasolanki]

without runner register how your pipline work
?

[frenchmike]

so if we used npm, we replace all your yarn commands with npm ?

[muhammadokta]

Hallo sir, please help me, im get error Error: Site not found. Please rerun "netlify link"

[SNTIS]

I still dont understand if you have to pass a password through a variable, how can I add that to the .gitlab-ci.yml editor?

[TSYPapplication]

Sir I use my Local gitlab runner
i have this issue Error: Unable to open browser automatically: Running inside a docker container
You are now logged into your Netlify account!
Run netlify status for account details
To see all available commands run: netlify help
› Error: Site not found
Can you help me with this please

[Shou]

this implementation is for static site but how should we implement for dynamic site ?

[craftzki]

Hi valentine, how do I stop my dev branch push to start running jobs. I only want to run jobs for master branch.

[ganguly_ari]

I keep getting an EACCES error which says "The operation was rejected by your operating system." Can you please help me solving the issue ?