Skip to main content

Command Palette

Search for a command to run...

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

Updated
β€’1 min read
Deploying Angular Frontend to Netlify in Few Simple Steps | CI/CD with GitHub
M
Software Development, Cybersecurity, IT Staffing & Contracting, Outsourcing

🌐✨ 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!

More from this blog

This is a Developer Role! Stop disguising it as - 'Tech Support', 'Prompt Engineer', 'Vibe Coder' or anything else...

This company is hiring for ... wait for it ... '𝗩𝗢𝗯𝗲 𝗖𝗼𝗱𝗲𝗿 π—™π—Ώπ—Όπ—»π˜π—²π—»π—± π——π—²π˜ƒπ—²π—Ήπ—Όπ—½π—²π—Ώ Just yesterday, I was dealing with another company that had the role of β€˜Technical Support Eng

Mar 20, 20257 min read
This is a Developer Role! Stop disguising it as -  'Tech Support', 'Prompt Engineer', 'Vibe Coder' or anything else...
M

Multignite

55 posts

Software Development | Cybersecurity | IT Staffing & Contracting | Outsourcing