Upgrade to Pro — share decks privately, control downloads, hide ads and more …

GitLab Intro: First Steps (Your First GitLab Pa...

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

What started in 2011 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. GitLab provides all the essential DevOps tools in one DevSecOps platform.

Chika Onoh

February 18, 2023
Tweet

More Decks by Chika Onoh

Other Decks in Programming

Transcript

  1. Your First GitLab Page With Netlify — GITLAB INTRO: FIRST

    STEPS PRESENTED BY DAVID ONOH ON FRIDAY, FEBRUARY 17, 2023
  2. 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.
  3. 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.
  4. 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.
  5. 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
  6. 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/
  7. 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/
  8. 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
  9. 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
  10. 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
  11. Project Setup: Setup your project by filling out the form

    provided by the template and clicking on Create project
  12. Project Repository: You will now have the default Gastby starter

    template cloned to your own account. You can trigger a pipeline by making commits
  13. 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
  14. 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
  15. Pipelines: With everything configured correctly, the site can take approximately

    30 minutes to deploy. To view the triggered pipeline, go to CI/CD > Pipelines.
  16. 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.
  17. 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.
  18. 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.
  19. Do you have any questions? Send it to us! We

    hope you learned something new.