<p>🌐✨ Join me as I deploy Angular Frontend to Netlify,<br />implementing GitHub CI/CD - for Angular v17 and prior.  </p>
<p>Explore with me as I break down the process<br />into the following steps:  </p>
<p>📂 Choosing a git repo and opening it locally<br />🛠️ Creating a netlify.toml file<br />📦 Adding the build to prod command to package.json<br />🚫 Removing the /dist folder from .gitignore<br />🚫 Removing the subdirectory after the dist/ in angular.json<br />🔄 Adjustments if working with Angular v16 or prior<br />🔄 Adjustments if working with Angular v17 or higher<br />🏗️ Building the app for production<br />📤 Pushing the changed files and the dist folder to Git<br />🌐 Adding a new site on Netlify - import from GitHub<br />🚀 Deploying</p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://youtu.be/nADnC-esRjc">https://youtu.be/nADnC-esRjc</a></div>
<p> </p>
<p>Ready to streamline your deployment process? Let's make deploying Angular Frontend a breeze!</p>


🌐✨ Join me as I deploy Angular Frontend to Netlify,  
implementing GitHub CI/CD - for Angular v17 and prior.  
  
Explore with me as I break down the process  
into the following steps:  
  
📂 Choosing a git repo and opening it locally  
🛠️ Creating a netlify.toml file  
📦 Adding the build to prod command to package.json  
🚫 Removing the /dist folder from .gitignore  
🚫 Removing the subdirectory after the dist/ in angular.json  
🔄 Adjustments if working with Angular v16 or prior  
🔄 Adjustments if working with Angular v17 or higher  
🏗️ Building the app for production  
📤 Pushing the changed files and the dist folder to Git  
🌐 Adding a new site on Netlify - import from GitHub  
🚀 Deploying

%[https://youtu.be/nADnC-esRjc] 

Ready to streamline your deployment process? Let's make deploying Angular Frontend a breeze!

Deploying Angular Frontend to Netlify in Few Simple Steps | CI/CD with GitHub