Deploy Angular Project On Domain

What is Domain?

A Domain is a web address by which a user identifies your website or any page. A domain has a numeric IP address, which has control your website behavior. A domain name is a string which is end with the same name. And a domain is a string that has a unique name.

What is hosting?

Hosting allows you to access your website and content on the internet. Hosting is known as the web hosting service. These are used to store the files and folders to use on the internet. A web hosting service is an internet service that hosts one or more websites on the internet.

Webhosting service provides are provide an organization or a client that host a website and a page on the internet.

How to run an Angular website on a domain?

You have to create a project in angular. Now you have to design your website or project according to your requirement. After completing the project you have to open a terminal and run the command “ng build --prod”. For production mode.

When the command is done successfully, a dist name folder is created in your project directory.

Now you have to open the dist folder; now you can see the.

The dist folder have contained the project name folder, which contains assets, index.html, and all dependencies of your project.

Now you have to compress your project folder, which is in the dist folder.

Now you have to go to the cpanel and login into your account with your login name and password.

After login, you have to go to the file manager.

And now you have to find the public.html.

After finding the public.html.

Now you have to click on the upload option on the navbar. When you click on the upload option, a new dialogue box will open.

Now you have to find your project in your directory. Now click on the dist folder.

Now you have to select the compressed folder and click on the open button.

Now you can see that your project uploading will start. After completing the uploading.

The display showed like this.

Now you have to click on the given link ( go back home). And now you have to go to the public.html link.

Now you have to see your zipped folder. Now you have to extract your folder. After completing the extract of the folder, you can see that your project folder will be open.

if you want to know more about angular, go to my profileC# Chaman Gautamand learn more about angular

Gautam Tech