DEV Community

loading...

Deploy Angular Apps To Surge

Junior Gantin
Software Developer Living In Cotonou, Benin.
・1 min read

I usually use Heroku for hosting my Angular Apps. It works fine but I want to try anything else: something new, something smart. I heard about two deploying tools dedicated to front-end developers: Netlify and Surge. In this article, I will show you how to deploy Angular apps to Surge.

What’s Surge?

Surge is a simple tool for publishing HTML5 apps without leaving the command line. Surge is powerful. I took 10 or 20 minutes sometimes for publishing Angular Apps on Heroku because you need to create a Procfile, add express and angular-cli on app’s dependencies and so on. But with Surge, you need to build your app and it’s alive!

How to do it?

First install Surge using npm:

$ npm install -g surge
Enter fullscreen mode Exit fullscreen mode

Create a new Angular app:

$ ng new angular-surge
$ cd angular-surge
Enter fullscreen mode Exit fullscreen mode

What you need to do now is to build your application for production environment.

$ ng build --prod
Enter fullscreen mode Exit fullscreen mode

Now angular-cli put the build artifacts into dist folder. You need to deploy this folder with surge. Let’s move into dist folder with command line and start deploying.

$ cd dist
$ surge
Enter fullscreen mode Exit fullscreen mode

Voila! Account creation will happen on your first run. Surge will show you where your application is alive on. Enjoy!

You can do more with Surge. Custom domain, 404 page, SSL and so more. Here is where you can start with these functionalities of Surge.

Never forget that you can deploy your Angular apps in one minute or less with Surge!!!

Happy coding!
Originally published at Medium on January 14, 2018.

Discussion (0)