diff --git a/aio/content/start/deployment.md b/aio/content/start/deployment.md index 7573efb44c..c1b1f02ae7 100644 --- a/aio/content/start/deployment.md +++ b/aio/content/start/deployment.md @@ -6,13 +6,11 @@ To deploy your application, you have to compile it, and then host the JavaScript
-Whether you came here directly from [Your First App](start "Getting Started: Your First App"), or completed the entire online store application through the [Routing](start/routing "Getting Started: Routing"), [Managing Data](start/data "Getting Started: Managing Data"), and [Forms](start/forms "Getting Started: Forms") sections, you have an application that you can deploy by following the instructions in this section. +Whether you came here directly from [Your First App](start "Getting Started: Your First App"), or completed the entire online store application through the [Routing](start/routing "Getting Started: Routing"), [Managing Data](start/data "Getting Started: Managing Data"), and [Forms](start/forms "Getting Started: Forms") sections, you have an application that you can deploy by following the instructions in this section.
- - ## Share your application StackBlitz projects are public by default, allowing you to share your Angular app via the project URL. Keep in mind that this is a great way to share ideas and prototypes, but it is not intended for production hosting. @@ -24,9 +22,9 @@ StackBlitz projects are public by default, allowing you to share your Angular ap ## Building locally -To build your application locally or for production, you will need to download the source code from your StackBlitz project. Click the `Download Project` icon in the left menu across from `Project` to download your files. +To build your application locally or for production, download the source code from your StackBlitz project by clicking the `Download Project` icon in the left menu across from `Project` to download your files. -Once you have the source code downloaded and unzipped, use the [Angular Console](https://angularconsole.com "Angular Console web site") to serve the application, or you install `Node.js` and have the Angular CLI installed. +Once you have the source code downloaded and unzipped, use the [Angular Console](https://angularconsole.com "Angular Console web site") to serve the application, or install `Node.js` and serve your app with the Angular CLI. From the terminal, install the Angular CLI globally with: @@ -34,7 +32,7 @@ From the terminal, install the Angular CLI globally with: npm install -g @angular/cli ``` -This will install the command `ng` into your system, which is the command you use to create new workspaces, new projects, serve your application during development, or produce builds that can be shared or distributed. +This installs the command `ng` on your system, which is the command you use to create new workspaces, new projects, serve your application during development, or produce builds to share or distribute. Create a new Angular CLI workspace using the [`ng new`](cli/new "CLI ng new command reference") command: @@ -42,7 +40,7 @@ Create a new Angular CLI workspace using the [`ng new`](cli/new "CLI ng new comm ng new my-project-name ``` -From there you replace the `/src` folder with the one from your `StackBlitz` download, and then perform a build. +In your new CLI generated app, replace the `/src` folder with the one from your `StackBlitz` download, and then perform a build. ```sh ng build --prod @@ -58,7 +56,7 @@ If the above `ng build` command throws an error about missing packages, append t #### Hosting the built project -The files in the `dist/my-project-name` folder are static and can be hosted on any web server capable of serving files (`Node.js`, Java, .NET) or any backend (Firebase, Google Cloud, App Engine, others). +The files in the `dist/my-project-name` folder are static. This means you can host them on any web server capable of serving files (such as `Node.js`, Java, .NET), or any backend (such as Firebase, Google Cloud, or App Engine). ### Hosting an Angular app on Firebase @@ -77,22 +75,22 @@ One of the easiest ways to get your site live is to host it using Firebase. ### Hosting an Angular app anywhere else -To host an Angular app on another web host, you'll need to upload or send the files to the host. -Because you are building a Single Page Application, you'll also need to make sure you redirect any invalid URLs to your `index.html` file. -Learn more about development and distribution of your application in the [Building & Serving](guide/build "Building and Serving Angular Apps") and [Deployment](guide/deployment "Deployment guide") guides. +To host an Angular app on another web host, upload or send the files to the host. +Because you are building a single page application, you'll also need to make sure you redirect any invalid URLs to your `index.html` file. +Read more about development and distribution of your application in the [Building & Serving](guide/build "Building and Serving Angular Apps") and [Deployment](guide/deployment "Deployment guide") guides. -## Join our community +## Join the Angular community -You are now an Angular developer! [Share this moment](https://twitter.com/intent/tweet?url=https://angular.io/start&text=I%20just%20finished%20the%20Angular%20Getting%20Started%20Tutorial "Angular on Twitter"), tell us what you thought of this Getting Started, or submit [suggestions for future editions](https://github.com/angular/angular/issues/new/choose "Angular GitHub repository new issue form"). +You are now an Angular developer! [Share this moment](https://twitter.com/intent/tweet?url=https://angular.io/start&text=I%20just%20finished%20the%20Angular%20Getting%20Started%20Tutorial "Angular on Twitter"), tell us what you thought of this Getting Started, or submit [suggestions for future editions](https://github.com/angular/angular/issues/new/choose "Angular GitHub repository new issue form"). Angular offers many more capabilities, and you now have a foundation that empowers you to build an application and explore those other capabilities: -* Angular provides advanced capabilities for mobile apps, animation, internationalization, server-side rendering, and more. -* [Angular Material](https://material.angular.io/ "Angular Material web site") offers an extensive library of Material Design components. -* [Angular Protractor](https://protractor.angular.io/ "Angular Protractor web site") offers an end-to-end testing framework for Angular apps. -* Angular also has an extensive [network of 3rd-party tools and libraries](https://angular.io/resources "Angular resources list"). +* Angular provides advanced capabilities for mobile apps, animation, internationalization, server-side rendering, and more. +* [Angular Material](https://material.angular.io/ "Angular Material web site") offers an extensive library of Material Design components. +* [Angular Protractor](https://protractor.angular.io/ "Angular Protractor web site") offers an end-to-end testing framework for Angular apps. +* Angular also has an extensive [network of 3rd-party tools and libraries](https://angular.io/resources "Angular resources list"). -Keep current by following the [Angular blog](https://blog.angular.io/ "Angular blog"). +Keep current by following the [Angular blog](https://blog.angular.io/ "Angular blog").