How to build with Angular
Angular is an open-source web framework designed with an emphasis on speed and suitability for websites that contain substantial content
Learn more about Angular.
Requirements
Before getting started, you must have:
- An Azion platform account with Edge Functions enabled.
- The latest version of Azion CLI installed.
- Code editor.
- Access to the terminal.
- Node.js ≥ 18.
Initializing an Angular project on the edge
- Initialize the project:
azion init
- Give your project a name, or press
enter
to accept the given suggestion:
? Your application's name: (black-thor)
- Choose the Angular preset:
? Choose a preset: [Use arrows to move, type to filter]> Angular Astro Docusaurus Eleventy Emscripten Gatsby Hexo Hono Hugo Javascript ...
-
Choose one of the available templates.
-
With the template fetched and configured, you can now start a local development server.
Do you want to start a local development server? (y/N)
The following steps are based on the answer you gave.
- If you chose to have a local development server running.
- If you chose not to have a local development server running.
Answering yes to local dev
- Install the project dependencies. Input
y
when the interaction prompts:
Do you want to install project dependencies? This may be required to start local development server (y/N)
Wait until the installation is complete.
Output:
Your Edge Application was built successfully[Azion] [Server] › ✔ success Function running on port 0.0.0.0:3333, url: http://localhost:3333
- On the browser, go to
http://localhost:3333/
and you can see your Angular project running.
Deploying the project
When your project is running locally, you’re still able to deploy it to the edge. To do so:
- Stop the terminal execution with
control + c
. - Access the project folder:
cd [your-project-name]
- Deploy the project:
azion deploy
- Wait while the project is built and deployed to the Azion Edge Platform.
After the deployment is complete, you’ll receive a domain to access your Angular project on the Azion’s platform.
Wait a few minutes so the propagation takes place, and then access your application using the provided domain, which should be similar to https://xxxxxxx.map.azionedge.net
.
Answering no to local dev
After indicating you don’t want to have a local server running, deploy the Angular project to the edge.
- Enter
y
to the following interaction, indicating you want to deploy the project:
Do you want to deploy your project? (y/N)
- Install the project dependencies. Input
y
when the interaction prompts:
Do you want to install project dependencies? This may be required to deploy your project (y/N)
- Wait while the project is built and deployed to the Azion Edge Platform.
After the deployment is complete, you’ll receive a domain to access your Angular project on the Azion Platform.
Wait a few minutes so the propagation takes place, and then access your application using the provided domain, which should be similar to https://xxxxxxx.map.azionedge.net
.
Learn how to build with Angular. Watch the video below:
Contributors