How do you deploy an Angular application?

1. Prepare Your Angular Application Make sure your Angular application is ready for production Verify the application works as expected in development. Check configurations in angular.json for production optimization. 2. Build the Application Run the Angular CLI build command build --configuration production This generates a dist folder containing the production-ready files. You can also use --prod if using an older Angular CLI version. 3. Choose a Hosting Platform You can host Angular applications on various platforms. Some common options include a. Static Hosting Services Platforms like: GitHub Pages Netlify Vercel Firebase Hosting b. Web Servers Use a server like: Apache Nginx IIS c. Cloud Platforms Deploy using: AWS S3 Azure Static Web Apps Google Cloud Storage 4. Upload the Files Copy the contents of the dist folder to the hosting server. Ensure the server is configured to serve index.html for all routes. Example Deployment Methods Deploy to GitHub Pages 1. Install angular-cli-ghpages: npm install -g angular-cli-ghpages 2. Run: ng build --configuration production --base-href " https://.github.io//" npx angular-cli-ghpages --dir=dist/ Deploy to Firebase Hosting 1. Install Firebase CLI: npm install -g firebase-tools 2. Login and initialize Firebase: firebase login firebase init 3. Deploy:firebase deploy Deploy to Nginx 2. Configure nginx.conf: server { listen 80; server_name yourdomain.com; root /path/to/dist-folder; index index.html; location / { try_files $uri /index.html; } } 3. Restart Nginx: sudo systemctl restart nginx 5. Test the Deployment Open the browser and navigate to your application URL. Check for any errors in the browser console or network tab. This process ensures your Angular app is built, optimized, and ready for production use.