Loading video player...
Stop fighting with broken deployments and start automating! In this beginner-friendly tutorial, Colleen Lake, Developer Advocate at GitLab, breaks down the fundamentals of CI/CD. Whether you're a seasoned dev who’s avoided DevOps or a complete beginner, this video will help you build a pipeline that tests, builds, and deploys your code automatically. We’ll walk through setting up a .gitlab-ci.yml file from scratch, using a real React game as our project. You'll learn how to catch bugs before they go live and how to ensure your code is production-ready every single time. What You’ll Learn: * The "Magic" of CI/CD: How to automate the boring stuff and save hours of manual work. * Pipeline Structure: Understanding Stages (Test, Build, Deploy) and how they protect your production environment. * Artifacts & Caching: How to pass files between jobs and speed up your workflow. * Troubleshooting: Where to look when things go wrong (Hint: Always read the logs!). Timestamps: 00:00 The nightmare of broken production 01:04 What is CI/CD? 01:19 Project setup: Buzzword Bingo 01:55 Configuring package.json for deployment 02:16 Creating your .gitlab-ci.yml file 02:46 Setting the environment with Images 03:11 Defining Pipeline Stages 03:35 Setting up the Test Job 04:15 The Build Job and using Artifacts 04:48 Deploying with GitLab Pages 05:35 Using "Only Main" for production safety 05:53 Optimizing with Caching 06:33 Running the pipeline for the first time 07:19 Testing the safety net: Intentional errors 08:07 Manual vs. Automated deployment breakdown 09:01 Troubleshooting tips 09:47 Summary and next steps Resources Mentioned: * GitLab Documentation: https://docs.gitlab.com * Community Support: https://forum.gitlab.com #GitLab #DevSecOps #CICD