LCWD LogoLearn Code With DurgeshLCWD
HomeCoursesHandbooksBlogsContact
About LCWDAbout Durgesh Tiwari
Flex Box Hero
LearnCodeWithDurgesh Logo

Learn Code With Durgesh

Offering free & premium coding courses to lakhs of students via YouTube and our platform.

Explore

  • About Us
  • Courses
  • Blog
  • Contact
  • FlexBox Game

Legal

  • Privacy Policy
  • Terms & Conditions
  • Refund Policy
  • Support

Contact

  • 📞 +91-9839466732
  • [email protected]
  • Substring Technologies, 633/D/P256 B R Dubey Enclave Dhanwa Deva Road Matiyari Chinhat, Lucknow, UP, INDIA 226028
© 2025 Made with ❤️ by Substring Technologies. All rights reserved.
10 steps to deploy Angular App to Netlify

10 steps to deploy Angular App to Netlify

By durgeshkumar8896 • Fri Jun 09 2023

10 steps to deploy Angular App to Netlify

10 steps to deploy Angular App on Netlify 

To deploy an Angular app to Netlify, you can follow these steps:

learn code with durgesh images

1) Build your Angular app: Run the following command in the terminal to create a production-ready build of your app.

ng build
  2) Create a new repository: Initialize a new Git repository for your Angular app, or use an existing repository.

 

3) Commit and push your code: Add all the files from the Angular app's build output to the repository and push them to a branch, typically the main branch.

 

4) Sign up for a Netlify account: If you haven't already, go to the Netlify website (https://www.netlify.com) and sign up for a free account.

 

5) Create a new site: After signing in to your Netlify account, click on "New site from Git" to create a new site.

 

6) Connect to your Git repository: Select your Git provider (e.g., GitHub, GitLab, Bitbucket) and authorize Netlify to access your repositories. Choose the repository where your Angular app is located.

 

7) Configure the build settings: In the build settings, set the following values:

  1. Build command: ng build --prod
  2. Publish directory: dist/your-app-name (Replace your-app-name with the actual name of your Angular app)

Start the build: Click on the "Deploy site" button to start the build process. Netlify will fetch your code from the connected Git repository, build your Angular app, and deploy it.

 

Wait for the deployment to finish: Netlify will automatically trigger the build and deployment process. You can monitor the progress in the Netlify dashboard.

 

Once the deployment is complete, you'll receive a URL for your deployed Angular app.Access your deployed Angular app: Visit the provided URL to access your Angular app, which is now deployed on Netlify.

 

8) Start the build: Click on the "Deploy site" button to start the build process. Netlify will fetch your code from the connected Git repository, build your Angular app, and deploy it.

 

9) Wait for the deployment to finish: Netlify will automatically trigger the build and deployment process. You can monitor the progress in the Netlify dashboard. Once the deployment is complete, you'll receive a URL for your deployed Angular app.

 

10) Access your deployed Angular app: Visit the provided URL to access your Angular app, which is now deployed on Netlify.

 

That's it! Your Angular app should now be successfully deployed to Netlify. Netlify will automatically rebuild and redeploy your app whenever you push changes to your connected Git repository, making it easy to keep your deployed app up to date.

Share this article ...

💬WhatsApp📘Facebook💼LinkedIn🐦X

Trending Blogs...

I Used These 3 ChatGPT Prompts Daily in 2025 – Saved 3 Hours

I Used These 3 ChatGPT Prompts Daily in 2025 – Saved 3 Hours

Discover 3 powerful ChatGPT prompts that save you hours daily. Boost your productivity with AI in 2025.

Top 10 CSS Tips to Instantly Improve Your Design Skills (Beginner Friendly)

Top 10 CSS Tips to Instantly Improve Your Design Skills (Beginner Friendly)

Before writing CSS, know how it connects with HTML and why using external stylesheets is best.

Best Investment Apps in India 2025 – Start Investing Smartly from ₹100

Best Investment Apps in India 2025 – Start Investing Smartly from ₹100

Investing today has become easier than ever — thanks to powerful mobile apps that put the entire stock market, mutual funds, and digital assets right in your pocket .

Top 10 Highest-Paying Skills to Learn in 2025 (Earn ₹15–50 Lakh/Year)

Top 10 Highest-Paying Skills to Learn in 2025 (Earn ₹15–50 Lakh/Year)

Hey there! If you’re feeling the pressure of keeping up with today’s crazy-fast job market, you’re not alone. AI, automation, and digital transformation are flipping industries upside down, and the skills that used to land you a solid gig might not cut it anymore.

iPhone 17 Series Launch 2025 – India Price, Specs, Pros & Cons

iPhone 17 Series Launch 2025 – India Price, Specs, Pros & Cons

Apple has officially unveiled the **iPhone 17 series** on **September 9, 2025**, at its **“Awe Dropping” event**. The lineup includes **iPhone 17, iPhone 17 Air, iPhone 17 Pro, and iPhone 17 Pro Max**. With **120 Hz displays across all models, ultra-thin design, A19 chips, and camera upgrades**, Apple is raising the bar again.

Async/Await vs Promises in JavaScript – Which Should You Use in 2025?

Async/Await vs Promises in JavaScript – Which Should You Use in 2025?

Asynchronous programming is one of the most important topics in modern JavaScript development. Whether you’re building a web app, mobile application, or integrating APIs, you’ll often deal with operations that don’t finish instantly, such as fetching data or reading files.

Share this article ...

💬WhatsApp📘Facebook💼LinkedIn🐦X