{"id":3808,"date":"2024-05-24T06:26:09","date_gmt":"2024-05-24T05:26:09","guid":{"rendered":"https:\/\/www.easydeploy.io\/blog\/?p=3808"},"modified":"2024-05-24T10:50:54","modified_gmt":"2024-05-24T09:50:54","slug":"how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines","status":"publish","type":"post","link":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/","title":{"rendered":"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines"},"content":{"rendered":"<h1>INTRODUCTION:<\/h1>\n<p>In this article we are going to <strong>setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines<\/strong> &#8211; <span><strong>GitLab CI\/CD<\/strong>, often referred to simply as <strong>GitLab Pipelines<\/strong>, is a built-in <strong>continuous integration and continuous deployment (CI\/CD)<\/strong> service provided by <strong>GitLab<\/strong>, a web-based Git repository manager. Similar to <strong>Bitbucket Pipelines<\/strong>, <strong>GitLab Pipelines<\/strong> allows you to automate various stages of your software development workflow.<\/span><span><strong> GitLab Pipelines<\/strong> streamlines your development workflow by automating repetitive tasks, improving code quality through automated testing, and facilitating rapid and reliable deployments.<\/span><\/p>\n<p><span>If you would like to follow a video tutorial please use our YouTube video.<\/span><\/p>\n<div class=\"wpex-responsive-embed\"><iframe loading=\"lazy\" title=\"How to Setup CI\/CD pipeline to build and deploy a ReactJs App using Gitlab Pipelines\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/FfVTVJ_g3Ag?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/div>\n<h1><span id=\"WHAT_IS_ECS\">WHAT IS ECS:<\/span><\/h1>\n<p><span><strong>ECS<\/strong>\u00a0is a fully managed container orchestration service provided by\u00a0<strong>Amazon Web Services<\/strong>. It enables you to run, stop, and manage Docker containers on a cluster of virtual machines that are managed by AWS.\u00a0<strong>ECS<\/strong>\u00a0simplifies the process of deploying, managing, and scaling containerized applications.<\/span><\/p>\n<h1><span id=\"WHAT_IS_ECR\">WHAT IS ECR:<\/span><\/h1>\n<p><span><strong>ECR<\/strong>\u00a0is a fully managed Docker container registry service provided by\u00a0<strong>Amazon Web Services<\/strong>. It allows you to store, manage, and deploy Docker container images securely.\u00a0<strong>ECR<\/strong>\u00a0is tightly integrated with other AWS services, particularly\u00a0<strong>Amazon ECS<\/strong>\u00a0and\u00a0<strong>Amazon Elastic Kubernetes Service<\/strong>, making it easy to deploy containerized applications on AWS infrastructure.<\/span><\/p>\n<h1><span id=\"PREREQUISITES\">PREREQUISITES:<\/span><\/h1>\n<ul>\n<li>AWS account.<\/li>\n<li>AWS account with ecr and ecs full access.<\/li>\n<li>Basic knowledge about Gitlab Pipelines.<\/li>\n<\/ul>\n<h1><span id=\"INTENDED_AUDIENCE\">INTENDED AUDIENCE:<\/span><\/h1>\n<ul>\n<li>Engineer<\/li>\n<\/ul>\n<h1>GITLAB PIPELINES:<\/h1>\n<p>Go to the Gitlab repository where we have the React js source code &gt; settings &gt; CI\/CD<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094412.png\" alt=\"Gitlab Repository\" width=\"1918\" height=\"937\" class=\"alignnone wp-image-3819 size-full\" title=\"Gitlab Repository\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094412.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094412-300x147.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094412-1024x500.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094412-768x375.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094412-1536x750.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>Expand the Runners and enable it &gt;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094703.png\" alt=\"CI\/CD Settings\" width=\"1951\" height=\"935\" class=\"alignnone wp-image-3821 size-full\" title=\"CI\/CD Settings\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094703.png 1951w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094703-300x144.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094703-1024x491.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094703-768x368.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-094703-1536x736.png 1536w\" sizes=\"(max-width: 1951px) 100vw, 1951px\" \/><\/p>\n<p>Expand the variables &gt; Give the necessary variables (i.e\u00a0 Region , access and secret access key , ecs and ecr variables)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-095012.png\" alt=\"Adding CI\/CD Variables\" width=\"1920\" height=\"933\" class=\"alignnone wp-image-3826 size-full\" title=\"Adding CI\/CD Variables\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-095012.png 1920w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-095012-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-095012-1024x498.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-095012-768x373.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-095012-1536x746.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/p>\n<p>This is our pipeline file. check this repository for the pipeline file <a href=\"https:\/\/gitlab.com\/yuvasakthi\/gitlab-laravel.git\">https:\/\/gitlab.com\/yuvasakthi\/gitlab-laravel.git<\/a><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100728.png\" alt=\"Gitlab Pipeline file\" width=\"1916\" height=\"986\" class=\"alignnone wp-image-3836 size-full\" title=\"Gitlab Pipeline file\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100728.png 1916w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100728-300x154.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100728-1024x527.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100728-768x395.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100728-1536x790.png 1536w\" sizes=\"(max-width: 1916px) 100vw, 1916px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100751.png\" alt=\"Gitlab Pipeline file\" width=\"1914\" height=\"461\" class=\"alignnone wp-image-3838 size-full\" title=\"Gitlab Pipeline file\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100751.png 1914w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100751-300x72.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100751-1024x247.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100751-768x185.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100751-1536x370.png 1536w\" sizes=\"(max-width: 1914px) 100vw, 1914px\" \/><\/p>\n<p>Click on Build &gt; Go inside pipelines.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100236.png\" alt=\"Pipeline\" width=\"1925\" height=\"937\" class=\"alignnone wp-image-3840 size-full\" title=\"Pipeline\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100236.png 1925w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100236-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100236-1024x498.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100236-768x374.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-100236-1536x748.png 1536w\" sizes=\"(max-width: 1925px) 100vw, 1925px\" \/><\/p>\n<p>Click on run pipelines.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101335.png\" alt=\"Running pipeline\" width=\"1918\" height=\"937\" class=\"alignnone wp-image-3841 size-full\" title=\"Running pipeline\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101335.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101335-300x147.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101335-1024x500.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101335-768x375.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101335-1536x750.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>Pipeline is in build stage.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101505.png\" alt=\"Build stage\" width=\"1918\" height=\"935\" class=\"alignnone wp-image-3842 size-full\" title=\"Build stage\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101505.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101505-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101505-1024x499.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101505-768x374.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-101505-1536x749.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102121.png\" alt=\"Deployed\" width=\"1919\" height=\"935\" class=\"alignnone wp-image-3844 size-full\" title=\"Deployed\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102121.png 1919w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102121-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102121-1024x499.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102121-768x374.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102121-1536x748.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<p>ECS is sucessfully deployed.<\/p>\n<p>Go inside the ECS console &gt; go inside the cluster we created &gt; go inside newly created task<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102344.png\" alt=\"New task\" width=\"1918\" height=\"933\" class=\"alignnone wp-image-3845 size-full\" title=\"New task\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102344.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102344-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102344-1024x498.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102344-768x374.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102344-1536x747.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>Copy the public ip of that Task.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102549.png\" alt=\"Copy task Public ip\" width=\"1918\" height=\"933\" class=\"alignnone wp-image-3846 size-full\" title=\"Copy task Public ip\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102549.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102549-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102549-1024x498.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102549-768x374.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102549-1536x747.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>Now search for the public ip.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102727.png\" alt=\"React js app\" width=\"1919\" height=\"932\" class=\"alignnone wp-image-3847 size-full\" title=\"React js app\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102727.png 1919w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102727-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102727-1024x497.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102727-768x373.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-102727-1536x746.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<p>React js app is successfully running.<\/p>\n<p>Now lets change the source code and see whether the pipeline is running or not &gt; Scroll down and click on Commit.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103009.png\" alt=\"Changing source code\" width=\"1918\" height=\"930\" class=\"alignnone wp-image-3861 size-full\" title=\"Changing source code\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103009.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103009-300x145.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103009-1024x497.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103009-768x372.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103009-1536x745.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>Now go inside pipelines.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103209.png\" alt=\"Pipeline Running\" width=\"1932\" height=\"936\" class=\"alignnone wp-image-3864 size-full\" title=\"Pipeline Running\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103209.png 1932w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103209-300x145.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103209-1024x496.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103209-768x372.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103209-1536x744.png 1536w\" sizes=\"(max-width: 1932px) 100vw, 1932px\" \/><\/p>\n<p>You can see that the pipeline Got Auto triggered and running.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103421.png\" alt=\"Deployed\" width=\"1919\" height=\"936\" class=\"alignnone wp-image-3865 size-full\" title=\"Deployed\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103421.png 1919w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103421-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103421-1024x499.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103421-768x375.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103421-1536x749.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<p>ECS is successfully deployed.<\/p>\n<p>Go to the ECS console &gt; go inside the cluster &gt; Go inside the newly created task<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103755.png\" alt=\"New task\" width=\"1918\" height=\"938\" class=\"alignnone wp-image-3866 size-full\" title=\"New task\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103755.png 1918w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103755-300x147.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103755-1024x501.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103755-768x376.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103755-1536x751.png 1536w\" sizes=\"(max-width: 1918px) 100vw, 1918px\" \/><\/p>\n<p>Copy the public ip of that task.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103955.png\" alt=\"copy task public ip\" width=\"1917\" height=\"928\" class=\"alignnone wp-image-3867 size-full\" title=\"copy task public ip\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103955.png 1917w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103955-300x145.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103955-1024x496.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103955-768x372.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-103955-1536x744.png 1536w\" sizes=\"(max-width: 1917px) 100vw, 1917px\" \/><\/p>\n<p>Search for the public ip.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104055.png\" alt=\"REACT JS APP\" width=\"1919\" height=\"937\" class=\"alignnone wp-image-3868 size-full\" title=\"REACT JS APP\" srcset=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104055.png 1919w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104055-300x146.png 300w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104055-1024x500.png 1024w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104055-768x375.png 768w, https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104055-1536x750.png 1536w\" sizes=\"(max-width: 1919px) 100vw, 1919px\" \/><\/p>\n<p>You can see that the React js got Deployed.<\/p>\n<p>When we changed the source code, the pipeline got auto triggered and the content was changed.<\/p>\n<p>&nbsp;<\/p>\n<h1>DO YOU HAVE ANY QUESTIONS?<\/h1>\n<p>Should you require help in performing the pipeline steps, feel free to contact at our email id<span>\u00a0<\/span><a href=\"mailto:contact@easydeploy.io\">contact@easydeploy.io<\/a><\/p>\n<p>Website \u2013\u00a0<a href=\"https:\/\/www.easydeploy.io\/contact-us\">www.easydeploy.io\/contact-us<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>INTRODUCTION: In this article we are going to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines &#8211; GitLab CI\/CD, often referred to simply as GitLab Pipelines, is a built-in continuous integration and continuous deployment (CI\/CD) service provided by GitLab, a web-based Git repository manager. Similar to Bitbucket Pipelines, [&hellip;]<\/p>\n","protected":false},"author":27,"featured_media":3869,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[2,441,128,3,26,459,1,456],"tags":[467],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.7 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines | easydeploy.io<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines | easydeploy.io\" \/>\n<meta property=\"og:description\" content=\"INTRODUCTION: In this article we are going to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines &#8211; GitLab CI\/CD, often referred to simply as GitLab Pipelines, is a built-in continuous integration and continuous deployment (CI\/CD) service provided by GitLab, a web-based Git repository manager. Similar to Bitbucket Pipelines, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\" \/>\n<meta property=\"og:site_name\" content=\"easydeploy.io\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-24T05:26:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-24T09:50:54+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1919\" \/>\n\t<meta property=\"og:image:height\" content=\"1079\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Yuvasakthi S\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yuvasakthi S\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\"},\"author\":{\"name\":\"Yuvasakthi S\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#\/schema\/person\/eea1a4016a2ed0c49ef592d1d4604d4c\"},\"headline\":\"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines\",\"datePublished\":\"2024-05-24T05:26:09+00:00\",\"dateModified\":\"2024-05-24T09:50:54+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\"},\"wordCount\":505,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png\",\"keywords\":[\"Gitlab pipeline\"],\"articleSection\":[\"Amazon Web Services\",\"Client use cases\",\"Cloud Computing\",\"Cloud Hosting Services\",\"DevOps\",\"IAC\",\"News\",\"SaaS\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\",\"url\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\",\"name\":\"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines | easydeploy.io\",\"isPartOf\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png\",\"datePublished\":\"2024-05-24T05:26:09+00:00\",\"dateModified\":\"2024-05-24T09:50:54+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage\",\"url\":\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png\",\"contentUrl\":\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png\",\"width\":1919,\"height\":1079},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.easydeploy.io\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#website\",\"url\":\"https:\/\/www.easydeploy.io\/blog\/\",\"name\":\"easydeploy.io\",\"description\":\"A Cloud Architect Company\",\"publisher\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.easydeploy.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#organization\",\"name\":\"EasyDeploy Technologies Pvt Ltd\",\"url\":\"https:\/\/www.easydeploy.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2019\/02\/easydeploy.png\",\"contentUrl\":\"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2019\/02\/easydeploy.png\",\"width\":536,\"height\":100,\"caption\":\"EasyDeploy Technologies Pvt Ltd\"},\"image\":{\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#\/schema\/person\/eea1a4016a2ed0c49ef592d1d4604d4c\",\"name\":\"Yuvasakthi S\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.easydeploy.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7690a4d989dc75b0356b63c7183932e3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7690a4d989dc75b0356b63c7183932e3?s=96&d=mm&r=g\",\"caption\":\"Yuvasakthi S\"},\"sameAs\":[\"https:\/\/www.easydeploy.io\/\"],\"url\":\"https:\/\/www.easydeploy.io\/blog\/author\/yuvasakthi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines | easydeploy.io","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/","og_locale":"en_GB","og_type":"article","og_title":"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines | easydeploy.io","og_description":"INTRODUCTION: In this article we are going to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines &#8211; GitLab CI\/CD, often referred to simply as GitLab Pipelines, is a built-in continuous integration and continuous deployment (CI\/CD) service provided by GitLab, a web-based Git repository manager. Similar to Bitbucket Pipelines, [&hellip;]","og_url":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/","og_site_name":"easydeploy.io","article_published_time":"2024-05-24T05:26:09+00:00","article_modified_time":"2024-05-24T09:50:54+00:00","og_image":[{"width":1919,"height":1079,"url":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png","type":"image\/png"}],"author":"Yuvasakthi S","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Yuvasakthi S","Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#article","isPartOf":{"@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/"},"author":{"name":"Yuvasakthi S","@id":"https:\/\/www.easydeploy.io\/blog\/#\/schema\/person\/eea1a4016a2ed0c49ef592d1d4604d4c"},"headline":"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines","datePublished":"2024-05-24T05:26:09+00:00","dateModified":"2024-05-24T09:50:54+00:00","mainEntityOfPage":{"@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/"},"wordCount":505,"commentCount":0,"publisher":{"@id":"https:\/\/www.easydeploy.io\/blog\/#organization"},"image":{"@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage"},"thumbnailUrl":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png","keywords":["Gitlab pipeline"],"articleSection":["Amazon Web Services","Client use cases","Cloud Computing","Cloud Hosting Services","DevOps","IAC","News","SaaS"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/","url":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/","name":"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines | easydeploy.io","isPartOf":{"@id":"https:\/\/www.easydeploy.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage"},"image":{"@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage"},"thumbnailUrl":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png","datePublished":"2024-05-24T05:26:09+00:00","dateModified":"2024-05-24T09:50:54+00:00","breadcrumb":{"@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#primaryimage","url":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png","contentUrl":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2024\/05\/Screenshot-2024-05-24-104326.png","width":1919,"height":1079},{"@type":"BreadcrumbList","@id":"https:\/\/www.easydeploy.io\/blog\/how-to-setup-ci-cd-pipeline-to-automate-build-and-deployment-to-react-js-project-on-gitlab-pipelines\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.easydeploy.io\/blog\/"},{"@type":"ListItem","position":2,"name":"How to setup CI\/CD pipeline to automate build and deployment to React js project on Gitlab pipelines"}]},{"@type":"WebSite","@id":"https:\/\/www.easydeploy.io\/blog\/#website","url":"https:\/\/www.easydeploy.io\/blog\/","name":"easydeploy.io","description":"A Cloud Architect Company","publisher":{"@id":"https:\/\/www.easydeploy.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.easydeploy.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/www.easydeploy.io\/blog\/#organization","name":"EasyDeploy Technologies Pvt Ltd","url":"https:\/\/www.easydeploy.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.easydeploy.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2019\/02\/easydeploy.png","contentUrl":"https:\/\/www.easydeploy.io\/blog\/wp-content\/uploads\/2019\/02\/easydeploy.png","width":536,"height":100,"caption":"EasyDeploy Technologies Pvt Ltd"},"image":{"@id":"https:\/\/www.easydeploy.io\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.easydeploy.io\/blog\/#\/schema\/person\/eea1a4016a2ed0c49ef592d1d4604d4c","name":"Yuvasakthi S","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.easydeploy.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7690a4d989dc75b0356b63c7183932e3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7690a4d989dc75b0356b63c7183932e3?s=96&d=mm&r=g","caption":"Yuvasakthi S"},"sameAs":["https:\/\/www.easydeploy.io\/"],"url":"https:\/\/www.easydeploy.io\/blog\/author\/yuvasakthi\/"}]}},"_links":{"self":[{"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/posts\/3808"}],"collection":[{"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/users\/27"}],"replies":[{"embeddable":true,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/comments?post=3808"}],"version-history":[{"count":8,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/posts\/3808\/revisions"}],"predecessor-version":[{"id":3932,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/posts\/3808\/revisions\/3932"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/media\/3869"}],"wp:attachment":[{"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/media?parent=3808"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/categories?post=3808"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.easydeploy.io\/blog\/wp-json\/wp\/v2\/tags?post=3808"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}