GitLab Intro: First Steps (Your First GitLab Page with Netlify)

Slide 1

Slide 1 text

Your First GitLab Page With Netlify — GITLAB INTRO: FIRST STEPS PRESENTED BY DAVID ONOH ON FRIDAY, FEBRUARY 17, 2023

Slide 2

Slide 2 text

Presenter Summary David Onoh Job Role: Full-stack Developer | Freelancer Catch Phrase: A sprout of Science in Computer Science and Specialty in diversity programs while you Netflix! Interests: Open Source, Artificial Intelligence, Software Engineering, Basketball, Hiking, Sci-Fi, and Literature.

Slide 3

Slide 3 text

GitLab Intro What started in 2011 as an open source project to help one team of programmers collaborate is now the platform millions of people use to deliver software faster, more efficiently, while strengthening security and compliance.

Slide 4

Slide 4 text

GitLab Features Fundamentally changing the way Development, Security, and Ops teams collaborate and build software - GitLab provides all of the essential DevOps tools in one DevSecOps platform. From idea to production, GitLab helps teams improve cycle time from weeks to minutes, reduce development costs, speed time to market, and deliver more secure and compliant applications.

Slide 5

Slide 5 text

GitLab: What You Need to Know UNDERSTANDING HOW THE DEVSECOPS PLATFORM WORKS Deliver Software Faster Build In Security Enhance Visibility Accelerate Digital Transfrormation Ensure Compliance Improve Collaboration

Slide 6

Slide 6 text

First Steps Hands On

Slide 7

Slide 7 text

Getting Started: The first time you visit GitLab, you will be greeted by the welcome page. You can read all about it here: https://about.gitlab.com/

Slide 8

Slide 8 text

Signing Up: You can login if you already have an account or sign up for one by filling up the form at the URI here: https://gitlab.com/users/sign_up/

Slide 9

Slide 9 text

Projects Home: You can see I already have an account with some projects up and running. Don't worry if your Home doesn't look like this: click on New project

Slide 10

Slide 10 text

Create From Template: You will be greeted with many options for starting out a project. To make it easy, we will use a preconfigured template: click on Create from template

Slide 11

Slide 11 text

Gatsby Starter: GitLab has several starter packs for creating an amazing portfolio of projects. We are going to be using the Gatsby option. Click on the Use template button next to Pages/Gatsby

Slide 12

Slide 12 text

Project Setup: Setup your project by filling out the form provided by the template and clicking on Create project

Slide 13

Slide 13 text

Project Repository: You will now have the default Gastby starter template cloned to your own account. You can trigger a pipeline by making commits

Slide 14

Slide 14 text

Make Changes: Now click on the README.md file and select the Edit option from the dropdown next to Open in Web IDE, make a few changes to the file and select the Commit changes at the end

Slide 15

Slide 15 text

New Commit: Your new changes will be pushed to GitLab, you should see a loading icon near your commit message indicating triggered jobs running in the background

Slide 16

Slide 16 text

Pipelines: With everything configured correctly, the site can take approximately 30 minutes to deploy. To view the triggered pipeline, go to CI/CD > Pipelines.

Slide 17

Slide 17 text

Jobs: You can also see background jobs run to setup your new deployment. See more details by clicking on each job button or selecting the Jobs tab.

Slide 18

Slide 18 text

Deployed: When the pipeline is done, go to Settings > Pages to find the link to your Pages website. If this path is not visible, select Deployments > Pages.

Slide 19

Slide 19 text

Pages: You can see your deployed site at https://.gitlab.io/gatsby- gitlab-starter/ Example: https://pages.gitlab.io/gatsby/

Slide 20

Slide 20 text

Presentation Sponsored by

Slide 21

Slide 21 text

It’s all ready, already Skip the painful setup and devops. Netlify is a global, production- ready environment from the start. Skip all the server setup and get straight to building. Launch something amazing Get started quickly with one of these templates. Click to connect your Git provider. Netlify will clone the repository and deploy your new site automatically. An obsession with making web development more fun We pore over everything web developers do daily, constantly asking ourselves, “What can we simplify? What can we remove? How can we make it easier?” The fastest way to combine your favorite tools and APIs to build the fastest sites, stores, and apps for the web.