--- title: Create a CI/CD Pipeline for Front End Projects | daily.dev description: In modern front-end development, automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. This article will... canonical: https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o twitter:card: summary_large_image twitter:site: @dailydotdev og:type: website og:site_name: daily.dev og:title: Create a CI/CD Pipeline for Front End Projects | daily.dev og:description: In modern front-end development, automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. This article will... og:url: https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o og:image: https://api.daily.dev/og/posts/Zad24k11O.png og:image:alt: Create a CI/CD Pipeline for Front End Projects og:image:width: 1200 og:image:height: 630 og:locale: en --- > ## Documentation Index > Fetch the complete documentation index at: https://daily.dev/llms.txt > Use this file to discover all available pages before exploring further. # Create a CI/CD Pipeline for Front End Projects **[asayer](https://daily.dev/sources/asayer)** · 13 min read · 99 upvotes · 5 comments ## Summary In modern front-end development, automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. This article will show you how to go about achieving this goal. We’ll walk through the crucial elements of a successful pipeline for Front-end projects. ## Full article daily.dev links to this article rather than hosting it. Read it at the original source: ## Community discussion Top comments from developers on daily.dev. **@kaceygambill** · 3 upvotes > Amazing post! A little bit long, but I really enjoyed it. I work as an SRE and creating CI/CD pipelines with developers is one of my main jobs. > > One note that I'd like to add. > Be careful when allowing the chosen CI/CD tool access to secret environment variables, I prefer that applications only have access to these at run time, and not at build time. Allowing access in the CI/CD process puts a lot of trust in the tool that you are using. **@luisfilipe** · 0 upvotes > nice! **@shabink** · 0 upvotes > Amazing !!!! --- Tags: [#tools](https://daily.dev/tags/tools), [#testing](https://daily.dev/tags/testing), [#css](https://daily.dev/tags/css), [#automation](https://daily.dev/tags/automation), [#cicd](https://daily.dev/tags/cicd), [#frontend](https://daily.dev/tags/frontend), [#browsers](https://daily.dev/tags/browsers), [#jenkins](https://daily.dev/tags/jenkins) [View this post on daily.dev](https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o) ```json {"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]} {"@context":"https://schema.org","@type":"TechArticle","headline":"Create a CI/CD Pipeline for Front End Projects","url":"https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o"},"datePublished":"2023-08-20T00:12:49.407Z","dateModified":"2023-08-20T00:12:12.344Z","description":"In modern front-end development, automating the testing and deployment of your apps is mandatory to avoid wasting time or making mistakes. This article will...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/67c1968d2386cd5396d623ba815c337c?_a=AQAEufR","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/67c1968d2386cd5396d623ba815c337c?_a=AQAEufR","isAccessibleForFree":true,"articleSection":"asayer","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"asayer","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1/logos/be8d9d38650943c8a1718ba79f23e9ac","url":"https://daily.dev/sources/asayer"},"commentCount":5,"discussionUrl":"https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":99},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":5}],"keywords":"tools,testing,css,automation,cicd,frontend,browsers,jenkins","timeRequired":"PT13M"} {"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"asayer","item":"https://daily.dev/sources/asayer"},{"@type":"ListItem","position":3,"name":"Create a CI/CD Pipeline for Front End Projects"}]} {"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/create-a-ci-cd-pipeline-for-front-end-projects-zad24k11o","comment":[{"@type":"Comment","text":"Amazing post! A little bit long, but I really enjoyed it. I work as an SRE and creating CI/CD pipelines with developers is one of my main jobs.\nOne note that I’d like to add.\nBe careful when allowing the chosen CI/CD tool access to secret environment variables, I prefer that applications only have access to these at run time, and not at build time. Allowing access in the CI/CD process puts a lot of trust in the tool that you are using.","datePublished":"2023-08-22T14:01:07.853Z","url":"https://daily.dev/posts/Zad24k11O#c-u5G4iA9E1","author":{"@type":"Person","name":"kacey gambill","url":"https://daily.dev/kaceygambill","image":"https://lh3.googleusercontent.com/a/AAcHTtcWGhnHYQ5wplhYGtzVfjmnzd5jzvjGtypbEIjifNwvRms=s96-c"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":3}},{"@type":"Comment","text":"nice!","datePublished":"2023-08-27T12:11:26.485Z","url":"https://daily.dev/posts/Zad24k11O#c-vuY4RGeHO","author":{"@type":"Person","name":"Luis Filipe ","url":"https://daily.dev/luisfilipe","image":"https://media.daily.dev/image/upload/s--O0TOmw4y--/f_auto/v1715772965/public/noProfile"}},{"@type":"Comment","text":"Amazing !!!","datePublished":"2023-11-28T15:07:57.545Z","url":"https://daily.dev/posts/Zad24k11O#c-5CaSAf9M9","author":{"@type":"Person","name":"Shabin K","url":"https://daily.dev/shabink","image":"https://lh3.googleusercontent.com/a/AGNmyxY42ZxqBSx0NYhGFSckUyLhcN0tBix_Sz8WTj-7pQ=s96-c"}}]} ```