Front-end applications
  • 21 Jul 2020
  • 1 Minute To Read
  • Contributors
  • Print
  • Share
  • Dark
    Light

Front-end applications

  • Print
  • Share
  • Dark
    Light

Front-end applications are usually based on front-end frameworks, which bolster them with features such as routing and storage. These features are necessary to create single-page applications (SPAs), the best-known class of front-end applications.

Hostman is great for the most popular frameworks, such as React, Angular, Vue, Nuxt, and others.

Deployment

Click "Create a service" the in top-left corner of your Dashboard to open this window and choose "Front-end app or static website":

Screen Shot 2020-06-16 at 10.07.47 AM.png

The build command option allows you to customize the build process. You can enter multiple commands separated by &&.

Choose the directory that will contain the index.htm or index.html file after the build. Usually this is not the root directory of the repository because it's not secure. Also, if you use a front-end framework it probably will be public or dist.

Screen Shot 2020-06-16 at 10.16.05 AM.png

When everything is ready, click Deploy to start the build process. You'll enter the deployment log, which contains all the debugging data you'll need.

In some cases you'll need to set up an environment, redirects and headers.

Performance and security

Static websites and front-end frameworks are served by a finely tuned Nginx web server. Hostman enables a CDN by default for all static content, ensuring that it will be delivered quickly to your users.

We install Sectigo and Letsencrypt SSL certificates by default for security. In addition, all the connections between services are strictly via SSL.

Was This Article Helpful?