Angular - create & deploy the project on MDB GO

How to deploy & host Angular app - tutorial & free hosting

This guide will take you step by step on how to create your project and deploy using MDB CLI.


Initialize and publish Angular project

Initialize

In order to initialize project we will use Angular CLI, for more option check documentation.

        
            
ng new my-angular-app
cd my-angular-app
npm start
        
        
    
Note: ng tool will ask you following questions:
  • Do you want to enforce stricter type checking and stricter bundle budgets in the workspace?
  • Would you like to add Angular routing?
  • Which stylesheet format would you like to use?
You can choose your custom options or accept default values.

Now it's time to build your App. Once you are done we can move to deployment.

Publish

Once you finish building your project, use the following command to deploy it:

        
            
              $ mdb frontend publish
        
        
    

Note: Since frontend is a default value for publish command, you can run just mdb publish (instead of mdb frontend publish )

If you are publishing for the first time, CLI will ask you whether you want to use npm or yarn.

Once you successfully publish your project they will be stored for a future.

Once project is deployed you will see following message in a console:

        
            
Success Project built successfully
Sent 1.011 Mb
Your application is available at https://my-angular-app.mdbgo.io
  
        
    

Video tutorial: