[{"data":1,"prerenderedAt":707},["ShallowReactive",2],{"/en-us/blog/how-to-deploy-react-to-amazon-s3/":3,"navigation-en-us":35,"banner-en-us":453,"footer-en-us":469,"Jeremy Wagner":679,"next-steps-en-us":692},{"_path":4,"_dir":5,"_draft":6,"_partial":6,"_locale":7,"seo":8,"content":16,"config":25,"_id":28,"_type":29,"title":30,"_source":31,"_file":32,"_stem":33,"_extension":34},"/en-us/blog/how-to-deploy-react-to-amazon-s3","blog",false,"",{"title":9,"description":10,"ogTitle":9,"ogDescription":10,"noIndex":6,"ogImage":11,"ogUrl":12,"ogSiteName":13,"ogType":14,"canonicalUrls":12,"schema":15},"How to deploy a React application to Amazon S3 using GitLab CI/CD","Follow this guide to use OpenID Connect to connect to AWS and deploy a React application to Amazon S3.","https://res.cloudinary.com/about-gitlab-com/image/upload/v1749663291/Blog/Hero%20Images/cover1.jpg","https://about.gitlab.com/blog/how-to-deploy-react-to-amazon-s3","https://about.gitlab.com","article","\n                        {\n        \"@context\": \"https://schema.org\",\n        \"@type\": \"Article\",\n        \"headline\": \"How to deploy a React application to Amazon S3 using GitLab CI/CD\",\n        \"author\": [{\"@type\":\"Person\",\"name\":\"Jeremy Wagner\"}],\n        \"datePublished\": \"2023-03-01\",\n      }",{"title":9,"description":10,"authors":17,"heroImage":11,"date":19,"body":20,"category":21,"tags":22},[18],"Jeremy Wagner","2023-03-01","Amazon S3 has a Static Website Hosting feature which allows you to host a\nstatic website directly from an S3 bucket. When you \n\nhost your website on S3, your website content is stored in the S3 bucket and\nserved directly to your users, without the need \n\nfor additional resources. Combine this with Amazon CloudFront and you will\nhave a cost-effective and scalable solution for \n\nhosting static websites – making it a popular choice for single-page\napplications.\n\n\nIn this post, I will walk you through setting up your Amazon S3 bucket,\nsetting up OpenID Connect ([OIDC](https://openid.net/connect/)) in AWS, and\ndeploying your application \n\nto your Amazon S3 bucket using a GitLab [CI/CD](/topics/ci-cd/) pipeline.\n\n\nBy the end of this post, you will have a [CI/CD\npipeline](/blog/how-to-keep-up-with-ci-cd-best-practices/) built\nin GitLab that automatically deploys to your Amazon S3 bucket. Let's dive\nin.\n\n\n## Prerequisites\n\n\nFor this guide you will need the following:\n\n\n- [Node.js](https://nodejs.org/en/) >= 14.0.0 and npm >= 5.6 installed on\nyour system\n\n- [Git](https://git-scm.com/) installed on your system\n\n- A [GitLab](https://gitlab.com/-/trial_registrations/new) account\n\n- An [AWS](https://aws.amazon.com/free/) account\n\n\n[A previous\ntutorial](/blog/how-to-automate-testing-for-a-react-application-with-gitlab/)\ndemonstrated how to create a new React \n\napplication, run unit tests as part of the CI process in GitLab, and output\nthe test results and code coverage into the pipeline. This post continues\nwhere that project left off, so to follow along you can fork [this\nproject](https://gitlab.com/guided-explorations/engineering-tutorials/react-unit-testing)\nor complete the guide in the linked post.\n\n\n## Configure your Amazon S3 bucket\n\n\nYou'll need to configure your Amazon S3 bucket so let's do that first.\n\n\n### Create your bucket\n\n\nAfter you log in to your AWS account, search for S3 using the search bar and\nselect the S3 service. This will open the S3 service home page.\n\n\nRight away, you should see the option to create a bucket. The bucket is\nwhere you are going to store your built React application. Click the\n**Create bucket** button to continue.\n\n\n![Create S3\nbucket](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/create_bucket.png){:\n.shadow}\n\n\nGive your bucket a name, select your region, leave the rest of the settings\nas default (we’ll come back to these later), and continue by \n\nclicking the **Create bucket** button. When naming your bucket, it’s\nimportant to remember that your bucket name must be unique and follow the \n\nbucket naming rules. I named mine `jw-gl-react`.\n\n\nAfter creating your bucket, you should be taken to a list of your buckets as\nshown below.\n\n\n![S3 bucket\nlist](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/bucket_list.png){:\n.shadow}\n\n\n### Configure static website hosting\n\n\nThe next step is to configure static website hosting. Open your S3 bucket by\nclicking into the bucket name. Select the **Properties** tab and \n\nscroll to the bottom to find the static website hosting option.\n\n\n![static hosting\nbutton](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/static_hosting_1.png){:\n.shadow}\n\n\nClick **Edit** and then enable static website hosting. For the **Index** and\n**Error** document, enter `index.html` and then click **Save changes**.\n\n\n![edit static\nhosting](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/static_hosting_2.png){:\n.shadow}\n\n\n### Set up permissions\n\n\nNow that you have enabled static website hosting, you need to update your\npermissions so the public can visit your website. Return to your bucket and\nselect the **Permissions** tab.\n\n\nUnder **Block public access (bucket settings)**, click **Edit** and uncheck\n**Block all public access** and continue to **Save changes**.\n\n\n![block public\naccess](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/block_access_1.png){:\n.shadow}\n\n\nYour page should now look this this:\n\n\n![saved blocked public\naccess](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/block_access_2.png){:\n.shadow}\n\n\nNow, you need to edit the Bucket Policy. Click the **Edit** button in the\n**Bucket Policy** section. Paste the following code into your new policy:\n\n\n```javascript\n\n{\n    \"Version\": \"2012-10-17\",\n    \"Statement\": [\n        {\n            \"Sid\": \"PublicReadGetObject\",\n            \"Effect\": \"Allow\",\n            \"Principal\": \"*\",\n            \"Action\": \"s3:GetObject\",\n            \"Resource\": \"arn:aws:s3:::jw-gl-react/*\"\n        }\n    ]\n}\n\n```\n\n\nReplace `jw-gl-react` on the resource property with the name of your bucket\nand **Save changes**.\n\n\nYour bucket should now look like this:\n\n\n![publicly accessible\nbucket](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/block_access_3.png){:\n.shadow}\n\n\n## Manually upload your React application\n\n\nNow, let’s build your React application and manually publish it to your S3\nbucket. \n\n\nTo build the application, make sure your project is cloned to your local\nmachine and run the following command in your terminal inside of your \n\nrepository directory:\n\n\n```\n\nnpm run build\n\n```\n\n\nThis will create a build folder inside of your repository directory.\n\n\nInside of your bucket, click the **Upload** button.\n\n\n![manual bucket\nupload](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/upload_1.png){:\n.shadow}\n\n\nDrag the contents of your newly created build folder (not the folder itself)\ninto the upload area. This will \n\nupload the contents of your application into your S3 bucket. Make sure to\nclick **Upload** at the bottom of the page to start the upload.\n\n\nNow return to your bucket **Properties** tab and scroll to the bottom to\nfind the URL of your static website.\n\n\n![static website\nurl](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/upload_2.png){:\n.shadow}\n\n\nClick the link and you should see your built React application open in your\nbrowser.\n\n\n![deployed\napp](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/manual_deploy.png){:\n.shadow}\n\n\n## Set up OpenID Connect in AWS\n\n\nTo deploy to your S3 Bucket from GitLab, we’re going to use a GitLab CI/CD\njob to receive temporary credentials \n\nfrom AWS without needing to store secrets. To do this, we’re going to\nconfigure OIDC for ID federation \n\nbetween GitLab and AWS. We’ll be following the [related GitLab\ndocumentation](https://docs.gitlab.com/ee/ci/cloud_services/aws/).\n\n\n### Add the identity provider\n\n\nThe first step is going to be adding GitLab as an identity and access\nmanagement (IAM) OIDC provider in AWS. AWS has instructions located\n[here](https://docs.aws.amazon.com/IAM/latest/UserGuide/id_roles_providers_create_oidc.html), \n\nbut I will walk through it step by step.\n\n\nOpen the IAM console inside of AWS.\n\n\n![iam\nsearch](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/iam_1.png){:\n.shadow}\n\n\nOn the left navigation pane, under **Access management** choose **Identity\nproviders** and then choose **Add provider**. \n\nFor provider type, select **OpenID Connect**.\n\n\nFor **Provider URL**, enter the address of your GitLab instance, such as\n`https://gitlab.com` or `https://gitlab.example.com`.\n\n\nFor **Audience**, enter something that is generic and specific to your\napplication. In my case, I'm going to \n\nenter `react_s3_gl`. To prevent confused deputy attacks, it's best to make\nthis something that is not easy to guess. Take a note of \n\nthis value, you will use it to set the `ID_TOKEN` in your `.gitlab-ci.yml`\nfile.\n\n\nAfter entering the **Provider URL**, click **Get thumbprint** to verify the\nserver certificate of your IdP. After this, go \n\nahead and choose **Add provider** to finish up.\n\n\n### Create the permissions policy\n\n\nAfter you create the identity provider, you need to create a permissions\npolicy.\n\n\nFrom the IAM dashboard, under **Access management** select **Policies** and\nthen **Create policy**. \n\nSelect the JSON tab and paste the following policy replacing `jw-gl-react`\non the resource line with your bucket name.\n\n\n```javascript\n\n{\n  \"Version\": \"2012-10-17\",\n  \"Statement\": [\n    {\n      \"Effect\": \"Allow\",\n      \"Action\": [\"s3:ListBucket\"],\n      \"Resource\": [\"arn:aws:s3:::jw-gl-react\"]\n    },\n    {\n      \"Effect\": \"Allow\",\n      \"Action\": [\n        \"s3:PutObject\",\n        \"s3:GetObject\",\n        \"s3:DeleteObject\"\n      ],\n      \"Resource\": [\"arn:aws:s3:::jw-gl-react/*\"]\n    }\n  ]\n}\n\n```\n\n\nSelect the **Next: Tags** button, add any tags you want, and then select the\n**Next: Review** button. \n\nEnter a name for your policy and finish up by creating the policy. \n\n\n### Configure the role\n\n\nNow it’s time to add the role. From the IAM dashboard, under **Access\nmanagement** select **Roles** \n\nand then select **Create role**. Select **Web identity**.\n\n\nIn the **Web identity** section, select the identity provider you created\nearlier. For the \n\n**Audience**, select the audience you created earlier. Select the **Next**\nbutton to continue.\n\n\nIf you wanted to limit authorization to a specific group, project, branch,\nor tag, you could create a **Custom trust policy** \n\ninstead of a **Web identity**. Since I will be deleting these resources\nafter the tutorial, I'm going to keep it simple. For a \n\nfull list of supported filterting types, see the [GitLab\ndocumentation](https://docs.gitlab.com/ee/ci/cloud_services/index.html#configure-a-conditional-role-with-oidc-claims).\n\n\n![web\nidentity](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/iam_2.png){:\n.shadow}\n\n\nDuring the **Add permissions** step, select the policy you created and\nselect **Next** to continue. Give your role a name and click **Create\nrole**.\n\n\nOpen the Role you just created. In the summary section, find the Amazon\nResource Name (ARN) and save it somewhere secure. You will use this in your\npipeline.\n\n\n![role](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/iam_3.png){:\n.shadow}\n\n\n## Deploy to your Amazon S3 bucket using a GitLab CI/CD pipeline\n\n\nInside of your project, create two [CI/CD\nvariables](https://docs.gitlab.com/ee/ci/variables/#define-a-cicd-variable-in-the-ui).\nThe first variable should be named `ROLE_ARN`. For the value, paste the ARN\nof the \n\nrole you just created. The second variable should be named `S3_BUCKET`. For\nthe value, paste the name of the S3 bucket you created \n\nearlier in this post.\n\n\nI have chosen to mask my variables for an extra layer of security.\n\n\n### Retrieve your temporary credentials\n\n\nInside of your `.gitlab-ci.yml` file, paste the following code:\n\n\n```\n\n.assume_role: &assume_role\n    - >\n      STS=($(aws sts assume-role-with-web-identity\n      --role-arn ${ROLE_ARN}\n      --role-session-name \"GitLabRunner-${CI_PROJECT_ID}-${CI_PIPELINE_ID}\"\n      --web-identity-token $ID_TOKEN\n      --duration-seconds 3600\n      --query 'Credentials.[AccessKeyId,SecretAccessKey,SessionToken]'\n      --output text))\n    - export AWS_ACCESS_KEY_ID=\"${STS[0]}\"\n    - export AWS_SECRET_ACCESS_KEY=\"${STS[1]}\"\n    - export AWS_SESSION_TOKEN=\"${STS[2]}\"\n```\n\n\nThis is going to use the the AWS Security Token Service to generate\ntemporary (_3,600 seconds_) credentials utilizing the OIDC role you created\nearlier.\n\n\n### Create the deploy job\n\n\nNow, let's add a build and deploy job to build your application and deploy\nit to your S3 bucket.\n\n\nFirst, update the stages in your `.gitlab-ci.yml` file to include a `build`\nand `deploy` stage as shown below:\n\n\n```\n\nstages:\n  - build\n  - test\n  - deploy\n```\n\n\nNext, let's add a job to build your application. Paste the following code in\nyour `.gitlab-ci.yml` file:\n\n\n```\n\nbuild artifact:\n  stage: build\n  image: node:latest\n  before_script:\n    - npm install\n  script:\n    - npm run build\n  artifacts:\n    paths:\n      - build/\n    when: always\n  rules:\n    - if: '$CI_COMMIT_REF_NAME == \"main\"'\n      when: always\n```\n\n\nThis is going to run `npm run build` if the change occurs on the `main`\nbranch and upload the build directory as an \n\nartifact to be used during the next step.\n\n\nNext, let's add a job to actually deploy to your S3 bucket. Paste the\nfollowing code in your `.gitlab-ci.yml` file:\n\n\n```\n\ndeploy s3:\n  stage: deploy\n  image:\n    name: amazon/aws-cli:latest\n    entrypoint: \n      - '/usr/bin/env'\n  id_tokens:\n      ID_TOKEN:\n        aud: react_s3_gl\n  script:\n    - *assume_role\n    - aws s3 sync build/ s3://$S3_BUCKET\n  rules:\n    - if: '$CI_COMMIT_REF_NAME == \"main\"'\n      when: always\n```\n\n\nThis uses [YAML\nanchors](https://docs.gitlab.com/ee/ci/yaml/yaml_optimization.html#yaml-anchors-for-scripts)\nto run the `assume_role` script, \n\nand then uses the `aws cli` to upload your build artifact to the bucket you\ndefined as a variable. This job also only runs if the change occurs \n\non the `main` branch.\n\n\nMake sure the `aud` value matches the value you entered for your audience\nwhen you setup the identity provider. In my case, I entered `react-s3_gl`.\n\n\nYour complete `.gitlab-ci.yml` file should look like this:\n\n\n```\n\nstages:\n  - build\n  - test\n  - deploy\n\n.assume_role: &assume_role\n    - >\n      STS=($(aws sts assume-role-with-web-identity\n      --role-arn ${ROLE_ARN}\n      --role-session-name \"GitLabRunner-${CI_PROJECT_ID}-${CI_PIPELINE_ID}\"\n      --web-identity-token $ID_TOKEN\n      --duration-seconds 3600\n      --query 'Credentials.[AccessKeyId,SecretAccessKey,SessionToken]'\n      --output text))\n    - export AWS_ACCESS_KEY_ID=\"${STS[0]}\"\n    - export AWS_SECRET_ACCESS_KEY=\"${STS[1]}\"\n    - export AWS_SESSION_TOKEN=\"${STS[2]}\"\n  \nunit test:\n  image: node:latest\n  stage: test\n  before_script:\n    - npm install\n  script:\n    - npm run test:ci\n  coverage: /All files[^|]*\\|[^|]*\\s+([\\d\\.]+)/\n  artifacts:\n    paths:\n      - coverage/\n    when: always\n    reports:\n      junit:\n        - junit.xml\n\nbuild artifact:\n  stage: build\n  image: node:latest\n  before_script:\n    - npm install\n  script:\n    - npm run build\n  artifacts:\n    paths:\n      - build/\n    when: always\n  rules:\n    - if: '$CI_COMMIT_REF_NAME == \"main\"'\n      when: always\n\n\ndeploy s3:\n  stage: deploy\n  image:\n    name: amazon/aws-cli:latest\n    entrypoint: \n      - '/usr/bin/env'\n  id_tokens:\n      ID_TOKEN:\n        aud: react_s3_gl\n  script:\n    - *assume_role\n    - aws s3 sync build/ s3://$S3_BUCKET\n  rules:\n    - if: '$CI_COMMIT_REF_NAME == \"main\"'\n      when: always\n```\n\n\n### Make a change and test your pipeline\n\n\nTo test your pipeline, inside of `App.js`, change this line `Edit\n\u003Ccode>src/App.js\u003C/code> and save to reload.` to \n\n`This was deployed from GitLab!` and commit your changes to the `main`\nbranch. The pipeline should kick off and when \n\nit finishes successfully you should see your updated application at the URL\nof your static website.\n\n\n![updated\napp](https://about.gitlab.com/images/blogimages/2023-02-10-how-to-deploy-react-to-amazon-s3/auto_deploy.png){:\n.shadow}\n\n\nYou now have a CI/CD pipeline built in GitLab that receives temporary\ncredentials from AWS using OIDC and \n\nautomatically deploys to your Amazon S3 bucket. To take it a step further,\nyou can [secure your\napplication](https://docs.gitlab.com/ee/user/application_security/secure_your_application.html) \n\nwith GitLab's built-in security tools.\n\n\nAll code for this project can be found\n[here](https://gitlab.com/guided-explorations/engineering-tutorials/react-s3).\n\n\nCover image by [Lucas van\nOor](https://unsplash.com/@switch_dtp_fotografie?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)\non\n[Unsplash](https://unsplash.com/s/photos/bucket?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText)\n\n{: .note}\n\n\n## Related posts and documentation\n\n- [How to automate testing for a React application with\nGitLab](/blog/how-to-automate-testing-for-a-react-application-with-gitlab/)\n\n- [How to deploy AWS with GitLab](/blog/deploy-aws/)\n\n- [Deploy to AWS from GitLab\nCI/CD](https://docs.gitlab.com/ee/ci/cloud_deployment/)\n\n- [Configure OpenID Connect in AWS to retrieve temporary\ncredentials](https://docs.gitlab.com/ee/ci/cloud_services/aws/)\n\n- [Secure GitLab CI/CD workflows using OIDC JWT on a DevSecOps\nplatform](https://about.gitlab.com/blog/oidc/)\n","engineering",[23,24],"DevOps","CI/CD",{"slug":26,"featured":6,"template":27},"how-to-deploy-react-to-amazon-s3","BlogPost","content:en-us:blog:how-to-deploy-react-to-amazon-s3.yml","yaml","How To Deploy React To Amazon S3","content","en-us/blog/how-to-deploy-react-to-amazon-s3.yml","en-us/blog/how-to-deploy-react-to-amazon-s3","yml",{"_path":36,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"data":38,"_id":449,"_type":29,"title":450,"_source":31,"_file":451,"_stem":452,"_extension":34},"/shared/en-us/main-navigation","en-us",{"logo":39,"freeTrial":44,"sales":49,"login":54,"items":59,"search":390,"minimal":421,"duo":440},{"config":40},{"href":41,"dataGaName":42,"dataGaLocation":43},"/","gitlab logo","header",{"text":45,"config":46},"Get free trial",{"href":47,"dataGaName":48,"dataGaLocation":43},"https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com&glm_content=default-saas-trial/","free trial",{"text":50,"config":51},"Talk to sales",{"href":52,"dataGaName":53,"dataGaLocation":43},"/sales/","sales",{"text":55,"config":56},"Sign in",{"href":57,"dataGaName":58,"dataGaLocation":43},"https://gitlab.com/users/sign_in/","sign in",[60,104,201,206,311,371],{"text":61,"config":62,"cards":64,"footer":87},"Platform",{"dataNavLevelOne":63},"platform",[65,71,79],{"title":61,"description":66,"link":67},"The most comprehensive AI-powered DevSecOps Platform",{"text":68,"config":69},"Explore our Platform",{"href":70,"dataGaName":63,"dataGaLocation":43},"/platform/",{"title":72,"description":73,"link":74},"GitLab Duo (AI)","Build software faster with AI at every stage of development",{"text":75,"config":76},"Meet GitLab Duo",{"href":77,"dataGaName":78,"dataGaLocation":43},"/gitlab-duo/","gitlab duo ai",{"title":80,"description":81,"link":82},"Why GitLab","10 reasons why Enterprises choose GitLab",{"text":83,"config":84},"Learn more",{"href":85,"dataGaName":86,"dataGaLocation":43},"/why-gitlab/","why gitlab",{"title":88,"items":89},"Get started with",[90,95,100],{"text":91,"config":92},"Platform Engineering",{"href":93,"dataGaName":94,"dataGaLocation":43},"/solutions/platform-engineering/","platform engineering",{"text":96,"config":97},"Developer Experience",{"href":98,"dataGaName":99,"dataGaLocation":43},"/developer-experience/","Developer experience",{"text":101,"config":102},"MLOps",{"href":103,"dataGaName":101,"dataGaLocation":43},"/topics/devops/the-role-of-ai-in-devops/",{"text":105,"left":106,"config":107,"link":109,"lists":113,"footer":183},"Product",true,{"dataNavLevelOne":108},"solutions",{"text":110,"config":111},"View all Solutions",{"href":112,"dataGaName":108,"dataGaLocation":43},"/solutions/",[114,138,162],{"title":115,"description":116,"link":117,"items":122},"Automation","CI/CD and automation to accelerate deployment",{"config":118},{"icon":119,"href":120,"dataGaName":121,"dataGaLocation":43},"AutomatedCodeAlt","/solutions/delivery-automation/","automated software delivery",[123,126,130,134],{"text":24,"config":124},{"href":125,"dataGaLocation":43,"dataGaName":24},"/solutions/continuous-integration/",{"text":127,"config":128},"AI-Assisted Development",{"href":77,"dataGaLocation":43,"dataGaName":129},"AI assisted development",{"text":131,"config":132},"Source Code Management",{"href":133,"dataGaLocation":43,"dataGaName":131},"/solutions/source-code-management/",{"text":135,"config":136},"Automated Software Delivery",{"href":120,"dataGaLocation":43,"dataGaName":137},"Automated software delivery",{"title":139,"description":140,"link":141,"items":146},"Security","Deliver code faster without compromising security",{"config":142},{"href":143,"dataGaName":144,"dataGaLocation":43,"icon":145},"/solutions/security-compliance/","security and compliance","ShieldCheckLight",[147,152,157],{"text":148,"config":149},"Application Security Testing",{"href":150,"dataGaName":151,"dataGaLocation":43},"/solutions/application-security-testing/","Application security testing",{"text":153,"config":154},"Software Supply Chain Security",{"href":155,"dataGaLocation":43,"dataGaName":156},"/solutions/supply-chain/","Software supply chain security",{"text":158,"config":159},"Software Compliance",{"href":160,"dataGaName":161,"dataGaLocation":43},"/solutions/software-compliance/","software compliance",{"title":163,"link":164,"items":169},"Measurement",{"config":165},{"icon":166,"href":167,"dataGaName":168,"dataGaLocation":43},"DigitalTransformation","/solutions/visibility-measurement/","visibility and measurement",[170,174,178],{"text":171,"config":172},"Visibility & Measurement",{"href":167,"dataGaLocation":43,"dataGaName":173},"Visibility and Measurement",{"text":175,"config":176},"Value Stream Management",{"href":177,"dataGaLocation":43,"dataGaName":175},"/solutions/value-stream-management/",{"text":179,"config":180},"Analytics & Insights",{"href":181,"dataGaLocation":43,"dataGaName":182},"/solutions/analytics-and-insights/","Analytics and insights",{"title":184,"items":185},"GitLab for",[186,191,196],{"text":187,"config":188},"Enterprise",{"href":189,"dataGaLocation":43,"dataGaName":190},"/enterprise/","enterprise",{"text":192,"config":193},"Small Business",{"href":194,"dataGaLocation":43,"dataGaName":195},"/small-business/","small business",{"text":197,"config":198},"Public Sector",{"href":199,"dataGaLocation":43,"dataGaName":200},"/solutions/public-sector/","public sector",{"text":202,"config":203},"Pricing",{"href":204,"dataGaName":205,"dataGaLocation":43,"dataNavLevelOne":205},"/pricing/","pricing",{"text":207,"config":208,"link":210,"lists":214,"feature":298},"Resources",{"dataNavLevelOne":209},"resources",{"text":211,"config":212},"View all resources",{"href":213,"dataGaName":209,"dataGaLocation":43},"/resources/",[215,248,270],{"title":216,"items":217},"Getting started",[218,223,228,233,238,243],{"text":219,"config":220},"Install",{"href":221,"dataGaName":222,"dataGaLocation":43},"/install/","install",{"text":224,"config":225},"Quick start guides",{"href":226,"dataGaName":227,"dataGaLocation":43},"/get-started/","quick setup checklists",{"text":229,"config":230},"Learn",{"href":231,"dataGaLocation":43,"dataGaName":232},"https://university.gitlab.com/","learn",{"text":234,"config":235},"Product documentation",{"href":236,"dataGaName":237,"dataGaLocation":43},"https://docs.gitlab.com/","product documentation",{"text":239,"config":240},"Best practice videos",{"href":241,"dataGaName":242,"dataGaLocation":43},"/getting-started-videos/","best practice videos",{"text":244,"config":245},"Integrations",{"href":246,"dataGaName":247,"dataGaLocation":43},"/integrations/","integrations",{"title":249,"items":250},"Discover",[251,256,260,265],{"text":252,"config":253},"Customer success stories",{"href":254,"dataGaName":255,"dataGaLocation":43},"/customers/","customer success stories",{"text":257,"config":258},"Blog",{"href":259,"dataGaName":5,"dataGaLocation":43},"/blog/",{"text":261,"config":262},"Remote",{"href":263,"dataGaName":264,"dataGaLocation":43},"https://handbook.gitlab.com/handbook/company/culture/all-remote/","remote",{"text":266,"config":267},"TeamOps",{"href":268,"dataGaName":269,"dataGaLocation":43},"/teamops/","teamops",{"title":271,"items":272},"Connect",[273,278,283,288,293],{"text":274,"config":275},"GitLab Services",{"href":276,"dataGaName":277,"dataGaLocation":43},"/services/","services",{"text":279,"config":280},"Community",{"href":281,"dataGaName":282,"dataGaLocation":43},"/community/","community",{"text":284,"config":285},"Forum",{"href":286,"dataGaName":287,"dataGaLocation":43},"https://forum.gitlab.com/","forum",{"text":289,"config":290},"Events",{"href":291,"dataGaName":292,"dataGaLocation":43},"/events/","events",{"text":294,"config":295},"Partners",{"href":296,"dataGaName":297,"dataGaLocation":43},"/partners/","partners",{"backgroundColor":299,"textColor":300,"text":301,"image":302,"link":306},"#2f2a6b","#fff","Insights for the future of software development",{"altText":303,"config":304},"the source promo card",{"src":305},"/images/navigation/the-source-promo-card.svg",{"text":307,"config":308},"Read the latest",{"href":309,"dataGaName":310,"dataGaLocation":43},"/the-source/","the source",{"text":312,"config":313,"lists":315},"Company",{"dataNavLevelOne":314},"company",[316],{"items":317},[318,323,329,331,336,341,346,351,356,361,366],{"text":319,"config":320},"About",{"href":321,"dataGaName":322,"dataGaLocation":43},"/company/","about",{"text":324,"config":325,"footerGa":328},"Jobs",{"href":326,"dataGaName":327,"dataGaLocation":43},"/jobs/","jobs",{"dataGaName":327},{"text":289,"config":330},{"href":291,"dataGaName":292,"dataGaLocation":43},{"text":332,"config":333},"Leadership",{"href":334,"dataGaName":335,"dataGaLocation":43},"/company/team/e-group/","leadership",{"text":337,"config":338},"Team",{"href":339,"dataGaName":340,"dataGaLocation":43},"/company/team/","team",{"text":342,"config":343},"Handbook",{"href":344,"dataGaName":345,"dataGaLocation":43},"https://handbook.gitlab.com/","handbook",{"text":347,"config":348},"Investor relations",{"href":349,"dataGaName":350,"dataGaLocation":43},"https://ir.gitlab.com/","investor relations",{"text":352,"config":353},"Trust Center",{"href":354,"dataGaName":355,"dataGaLocation":43},"/security/","trust center",{"text":357,"config":358},"AI Transparency Center",{"href":359,"dataGaName":360,"dataGaLocation":43},"/ai-transparency-center/","ai transparency center",{"text":362,"config":363},"Newsletter",{"href":364,"dataGaName":365,"dataGaLocation":43},"/company/contact/","newsletter",{"text":367,"config":368},"Press",{"href":369,"dataGaName":370,"dataGaLocation":43},"/press/","press",{"text":372,"config":373,"lists":374},"Contact us",{"dataNavLevelOne":314},[375],{"items":376},[377,380,385],{"text":50,"config":378},{"href":52,"dataGaName":379,"dataGaLocation":43},"talk to sales",{"text":381,"config":382},"Get help",{"href":383,"dataGaName":384,"dataGaLocation":43},"/support/","get help",{"text":386,"config":387},"Customer portal",{"href":388,"dataGaName":389,"dataGaLocation":43},"https://customers.gitlab.com/customers/sign_in/","customer portal",{"close":391,"login":392,"suggestions":399},"Close",{"text":393,"link":394},"To search repositories and projects, login to",{"text":395,"config":396},"gitlab.com",{"href":57,"dataGaName":397,"dataGaLocation":398},"search login","search",{"text":400,"default":401},"Suggestions",[402,404,408,410,414,418],{"text":72,"config":403},{"href":77,"dataGaName":72,"dataGaLocation":398},{"text":405,"config":406},"Code Suggestions (AI)",{"href":407,"dataGaName":405,"dataGaLocation":398},"/solutions/code-suggestions/",{"text":24,"config":409},{"href":125,"dataGaName":24,"dataGaLocation":398},{"text":411,"config":412},"GitLab on AWS",{"href":413,"dataGaName":411,"dataGaLocation":398},"/partners/technology-partners/aws/",{"text":415,"config":416},"GitLab on Google Cloud",{"href":417,"dataGaName":415,"dataGaLocation":398},"/partners/technology-partners/google-cloud-platform/",{"text":419,"config":420},"Why GitLab?",{"href":85,"dataGaName":419,"dataGaLocation":398},{"freeTrial":422,"mobileIcon":427,"desktopIcon":432,"secondaryButton":435},{"text":423,"config":424},"Start free trial",{"href":425,"dataGaName":48,"dataGaLocation":426},"https://gitlab.com/-/trials/new/","nav",{"altText":428,"config":429},"Gitlab Icon",{"src":430,"dataGaName":431,"dataGaLocation":426},"/images/brand/gitlab-logo-tanuki.svg","gitlab icon",{"altText":428,"config":433},{"src":434,"dataGaName":431,"dataGaLocation":426},"/images/brand/gitlab-logo-type.svg",{"text":436,"config":437},"Get Started",{"href":438,"dataGaName":439,"dataGaLocation":426},"https://gitlab.com/-/trial_registrations/new?glm_source=about.gitlab.com/compare/gitlab-vs-github/","get started",{"freeTrial":441,"mobileIcon":445,"desktopIcon":447},{"text":442,"config":443},"Learn more about GitLab Duo",{"href":77,"dataGaName":444,"dataGaLocation":426},"gitlab duo",{"altText":428,"config":446},{"src":430,"dataGaName":431,"dataGaLocation":426},{"altText":428,"config":448},{"src":434,"dataGaName":431,"dataGaLocation":426},"content:shared:en-us:main-navigation.yml","Main Navigation","shared/en-us/main-navigation.yml","shared/en-us/main-navigation",{"_path":454,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"title":455,"button":456,"image":460,"config":464,"_id":466,"_type":29,"_source":31,"_file":467,"_stem":468,"_extension":34},"/shared/en-us/banner","is now in public beta!",{"text":83,"config":457},{"href":458,"dataGaName":459,"dataGaLocation":43},"/gitlab-duo/agent-platform/","duo banner",{"altText":461,"config":462},"GitLab Duo Agent Platform",{"src":463},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1753720689/somrf9zaunk0xlt7ne4x.svg",{"layout":465},"release","content:shared:en-us:banner.yml","shared/en-us/banner.yml","shared/en-us/banner",{"_path":470,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"data":471,"_id":675,"_type":29,"title":676,"_source":31,"_file":677,"_stem":678,"_extension":34},"/shared/en-us/main-footer",{"text":472,"source":473,"edit":479,"contribute":484,"config":489,"items":494,"minimal":667},"Git is a trademark of Software Freedom Conservancy and our use of 'GitLab' is under license",{"text":474,"config":475},"View page source",{"href":476,"dataGaName":477,"dataGaLocation":478},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/","page source","footer",{"text":480,"config":481},"Edit this page",{"href":482,"dataGaName":483,"dataGaLocation":478},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/-/blob/main/content/","web ide",{"text":485,"config":486},"Please contribute",{"href":487,"dataGaName":488,"dataGaLocation":478},"https://gitlab.com/gitlab-com/marketing/digital-experience/about-gitlab-com/-/blob/main/CONTRIBUTING.md/","please contribute",{"twitter":490,"facebook":491,"youtube":492,"linkedin":493},"https://twitter.com/gitlab","https://www.facebook.com/gitlab","https://www.youtube.com/channel/UCnMGQ8QHMAnVIsI3xJrihhg","https://www.linkedin.com/company/gitlab-com",[495,518,574,603,637],{"title":61,"links":496,"subMenu":501},[497],{"text":498,"config":499},"DevSecOps platform",{"href":70,"dataGaName":500,"dataGaLocation":478},"devsecops platform",[502],{"title":202,"links":503},[504,508,513],{"text":505,"config":506},"View plans",{"href":204,"dataGaName":507,"dataGaLocation":478},"view plans",{"text":509,"config":510},"Why Premium?",{"href":511,"dataGaName":512,"dataGaLocation":478},"/pricing/premium/","why premium",{"text":514,"config":515},"Why Ultimate?",{"href":516,"dataGaName":517,"dataGaLocation":478},"/pricing/ultimate/","why ultimate",{"title":519,"links":520},"Solutions",[521,526,528,530,535,540,544,547,551,556,558,561,564,569],{"text":522,"config":523},"Digital transformation",{"href":524,"dataGaName":525,"dataGaLocation":478},"/topics/digital-transformation/","digital transformation",{"text":148,"config":527},{"href":150,"dataGaName":148,"dataGaLocation":478},{"text":137,"config":529},{"href":120,"dataGaName":121,"dataGaLocation":478},{"text":531,"config":532},"Agile development",{"href":533,"dataGaName":534,"dataGaLocation":478},"/solutions/agile-delivery/","agile delivery",{"text":536,"config":537},"Cloud transformation",{"href":538,"dataGaName":539,"dataGaLocation":478},"/topics/cloud-native/","cloud transformation",{"text":541,"config":542},"SCM",{"href":133,"dataGaName":543,"dataGaLocation":478},"source code management",{"text":24,"config":545},{"href":125,"dataGaName":546,"dataGaLocation":478},"continuous integration & delivery",{"text":548,"config":549},"Value stream management",{"href":177,"dataGaName":550,"dataGaLocation":478},"value stream management",{"text":552,"config":553},"GitOps",{"href":554,"dataGaName":555,"dataGaLocation":478},"/solutions/gitops/","gitops",{"text":187,"config":557},{"href":189,"dataGaName":190,"dataGaLocation":478},{"text":559,"config":560},"Small business",{"href":194,"dataGaName":195,"dataGaLocation":478},{"text":562,"config":563},"Public sector",{"href":199,"dataGaName":200,"dataGaLocation":478},{"text":565,"config":566},"Education",{"href":567,"dataGaName":568,"dataGaLocation":478},"/solutions/education/","education",{"text":570,"config":571},"Financial services",{"href":572,"dataGaName":573,"dataGaLocation":478},"/solutions/finance/","financial services",{"title":207,"links":575},[576,578,580,582,585,587,589,591,593,595,597,599,601],{"text":219,"config":577},{"href":221,"dataGaName":222,"dataGaLocation":478},{"text":224,"config":579},{"href":226,"dataGaName":227,"dataGaLocation":478},{"text":229,"config":581},{"href":231,"dataGaName":232,"dataGaLocation":478},{"text":234,"config":583},{"href":236,"dataGaName":584,"dataGaLocation":478},"docs",{"text":257,"config":586},{"href":259,"dataGaName":5,"dataGaLocation":478},{"text":252,"config":588},{"href":254,"dataGaName":255,"dataGaLocation":478},{"text":261,"config":590},{"href":263,"dataGaName":264,"dataGaLocation":478},{"text":274,"config":592},{"href":276,"dataGaName":277,"dataGaLocation":478},{"text":266,"config":594},{"href":268,"dataGaName":269,"dataGaLocation":478},{"text":279,"config":596},{"href":281,"dataGaName":282,"dataGaLocation":478},{"text":284,"config":598},{"href":286,"dataGaName":287,"dataGaLocation":478},{"text":289,"config":600},{"href":291,"dataGaName":292,"dataGaLocation":478},{"text":294,"config":602},{"href":296,"dataGaName":297,"dataGaLocation":478},{"title":312,"links":604},[605,607,609,611,613,615,617,621,626,628,630,632],{"text":319,"config":606},{"href":321,"dataGaName":314,"dataGaLocation":478},{"text":324,"config":608},{"href":326,"dataGaName":327,"dataGaLocation":478},{"text":332,"config":610},{"href":334,"dataGaName":335,"dataGaLocation":478},{"text":337,"config":612},{"href":339,"dataGaName":340,"dataGaLocation":478},{"text":342,"config":614},{"href":344,"dataGaName":345,"dataGaLocation":478},{"text":347,"config":616},{"href":349,"dataGaName":350,"dataGaLocation":478},{"text":618,"config":619},"Sustainability",{"href":620,"dataGaName":618,"dataGaLocation":478},"/sustainability/",{"text":622,"config":623},"Diversity, inclusion and belonging (DIB)",{"href":624,"dataGaName":625,"dataGaLocation":478},"/diversity-inclusion-belonging/","Diversity, inclusion and belonging",{"text":352,"config":627},{"href":354,"dataGaName":355,"dataGaLocation":478},{"text":362,"config":629},{"href":364,"dataGaName":365,"dataGaLocation":478},{"text":367,"config":631},{"href":369,"dataGaName":370,"dataGaLocation":478},{"text":633,"config":634},"Modern Slavery Transparency Statement",{"href":635,"dataGaName":636,"dataGaLocation":478},"https://handbook.gitlab.com/handbook/legal/modern-slavery-act-transparency-statement/","modern slavery transparency statement",{"title":638,"links":639},"Contact Us",[640,643,645,647,652,657,662],{"text":641,"config":642},"Contact an expert",{"href":52,"dataGaName":53,"dataGaLocation":478},{"text":381,"config":644},{"href":383,"dataGaName":384,"dataGaLocation":478},{"text":386,"config":646},{"href":388,"dataGaName":389,"dataGaLocation":478},{"text":648,"config":649},"Status",{"href":650,"dataGaName":651,"dataGaLocation":478},"https://status.gitlab.com/","status",{"text":653,"config":654},"Terms of use",{"href":655,"dataGaName":656,"dataGaLocation":478},"/terms/","terms of use",{"text":658,"config":659},"Privacy statement",{"href":660,"dataGaName":661,"dataGaLocation":478},"/privacy/","privacy statement",{"text":663,"config":664},"Cookie preferences",{"dataGaName":665,"dataGaLocation":478,"id":666,"isOneTrustButton":106},"cookie preferences","ot-sdk-btn",{"items":668},[669,671,673],{"text":653,"config":670},{"href":655,"dataGaName":656,"dataGaLocation":478},{"text":658,"config":672},{"href":660,"dataGaName":661,"dataGaLocation":478},{"text":663,"config":674},{"dataGaName":665,"dataGaLocation":478,"id":666,"isOneTrustButton":106},"content:shared:en-us:main-footer.yml","Main Footer","shared/en-us/main-footer.yml","shared/en-us/main-footer",[680],{"_path":681,"_dir":682,"_draft":6,"_partial":6,"_locale":7,"content":683,"config":687,"_id":689,"_type":29,"title":18,"_source":31,"_file":690,"_stem":691,"_extension":34},"/en-us/blog/authors/jeremy-wagner","authors",{"name":18,"config":684},{"headshot":685,"ctfId":686},"https://res.cloudinary.com/about-gitlab-com/image/upload/v1749663285/Blog/Author%20Headshots/jeremywagner-headshot.jpg","jeremywagner",{"template":688},"BlogAuthor","content:en-us:blog:authors:jeremy-wagner.yml","en-us/blog/authors/jeremy-wagner.yml","en-us/blog/authors/jeremy-wagner",{"_path":693,"_dir":37,"_draft":6,"_partial":6,"_locale":7,"header":694,"eyebrow":695,"blurb":696,"button":697,"secondaryButton":701,"_id":703,"_type":29,"title":704,"_source":31,"_file":705,"_stem":706,"_extension":34},"/shared/en-us/next-steps","Start shipping better software faster","50%+ of the Fortune 100 trust GitLab","See what your team can do with the intelligent\n\n\nDevSecOps platform.\n",{"text":45,"config":698},{"href":699,"dataGaName":48,"dataGaLocation":700},"https://gitlab.com/-/trial_registrations/new?glm_content=default-saas-trial&glm_source=about.gitlab.com/","feature",{"text":50,"config":702},{"href":52,"dataGaName":53,"dataGaLocation":700},"content:shared:en-us:next-steps.yml","Next Steps","shared/en-us/next-steps.yml","shared/en-us/next-steps",1755803028120]