Netlify vs Surge: What are the differences?
What is Netlify? Build, deploy and host your static site or app with a drag and drop interface and automatic delpoys from GitHub or Bitbucket. Netlify is smart enough to process your site and make sure all assets gets optimized and served with perfect caching-headers from a cookie-less domain. We make sure your HTML is served straight from our CDN edge nodes without any round-trip to our backend servers and are the only ones to give you instant cache invalidation when you push a new deploy. Netlify is also the only static hosting service with integrated continuous deployment.
What is Surge? Static web publishing for Front-End Developers. Surge makes it easy for developers to deploy projects to a production-quality CDN through Grunt, Gulp, npm.
Netlify and Surge belong to "Static Web Hosting" category of the tech stack.
"Fastest static hosting and continuous deployments" is the top reason why over 25 developers like Netlify, while over 8 developers mention "Free plan" as the leading cause for choosing Surge.
Ratio, MailTape, and Flat are some of the popular companies that use Netlify, whereas Surge is used by Chattermill, Synapze, and Unsplash. Netlify has a broader approval, being mentioned in 85 company stacks & 104 developers stacks; compared to Surge, which is listed in 9 company stacks and 13 developer stacks.
We use Netlify to host static websites.
The reasons for choosing Netlify over GitHub Pages are as follows:
- Netfily can bind multiple domain names, while GitHub Pages can only bind one domain name
- With Netfily, the original repository can be private, while GitHub Pages free tier requires the original repository to be public
In addition, in order to use CDN, we use Netlify DNS.
Sign up to add or upvote prosMake informed product decisions
Sign up to add or upvote consMake informed product decisions
What is Netlify?
What is Surge?
Need advice about which tool to choose?Ask the StackShare community!
Sign up to get full access to all the companiesMake informed product decisions
What tools integrate with Surge?
Sign up to get full access to all the tool integrationsMake informed product decisions
To start off, check this out: https://perfwars.com/netlify.com/vs/godaddy.com/
If you are new to Netlify, it will take you less than 5 minutes to get your site up and running, 3 minutes if you are fast. To get started simply go here: https://app.netlify.com/
Choose one of the following options to sign up: GitHub, BitBucket, GitLab, or you can use your email address.
If you sign up with your email address, it will ask you to enter a 4 digit verification code that they sent to your email address.
Once signed in, you will be shown a quick intro:
- SIMPLY PUSH TO DEPLOY
- FREE ONE-CLICK HTTPS
- NEVER HAVE TO LEAVE TERMINAL
These are three huge benefits of Netlify over most other hosting platforms.
OK, now that you have signed up and gone through the highlights, you need just select new site. From there you can either link a Git repository or just drag and drop your site folder into the browser window. Your site will be uploaded and available for browsing within a minute or so.
Once your site is on Netlify, you can setup a custom domain by selected the settings tab, if you are not already there, then click edit next to domain. Simply put your domain in, save and then follow instructions on Netlify's documentation page on how to set up your DNS: https://www.netlify.com/docs/custom-domains
So easy! You are done setting up your site! Now for making changes and adding features. You no longer have to do crazy manual set ups to get SSL installed on your site, with Netlify even my grandma could do it! You can still use your own certificate if you prefer, but if you wanted it even easier, all you have to do is select "Lets Encrypt Certificate" from the SSL tab on your site in Netlify.
When you select "Lets Encrypt Certificate", Netlify shows a dialog entitled "Automatic TLS Setup" and asks you to ensure that your DNS is set up properly before you provision the certificate. This is important, and it will be fine so long as you set up your DNS properly according to their custom domains documentation that I shared earlier. All you need to do here is click save. The SSL will start to work shortly and all http URLs will automatically be redirected to https! And the best part is, it is free!
Recap of the setup process: 1. Sign up and verify your account 2. Link repository or drag and drop site folder 3. Change domain and setup DNS 4. True One-click SSL 5. Upgrade your site for more awesome features (Optional)
That's it! You are done! Takes less than 5 minutes!
Before I came across Netlify, I would often use drag and drop web builders because the complication of managing servers and setting up configurations to handle forms and SSL were too complicated. With Netlify however, all you need to do for form handling is to put in a little call out to Netlify to say, hey, this is a form I want you to handle. It is so easy! You already know how easy it is to set up SSL now too. I now have no fears in launching a site, setting up form handling and SSL.
If you are interested in setting up the form handling, you can go here: https://www.netlify.com/docs/form-handling
Netlify also has amazing and simple documentation. I have never had a problem figuring something out. If ever I have had a question, I have found a resolution with in 1-2 minutes in their documentation. They have thought of everything!
My favorite tools in Netlify are the notifications! You can set up your form handling to automatically notify you via email or even Slack. I love Slack too by the way, and being able to get updates about my deployments or form handling via Slack is a huge plus.
The notification integrations are my favorite, however, I still cannot get over how easy it is to set up SSL and form handling. They are by far the most useful features for me. Another very useful feature is being able to see a history of your builds and having the ability to restore to a previous build or download it. I have been unable to find any of these features in their simplicity anywhere else. Netlify is literally the easiest to use, most reliable and overall best hosting platform out there.
One more mention, the founder of Netlify is involved in the JAMStack Revolution. Here is a quick blurb from their site (Looks Awesome!):
Serves the main site through CDN. Provides super easy password protection and third-level domain for staging. Uses web hooks from Contentful and Github to know when to trigger new build and update the site. Perfect.
Netlify makes it super-easy for various team members to deploy whenever there's a push to our Git master branch. Automatic build, deployment, and setup on CDN.
It's free and has so many features - just perfect for open-source projects like GitDocs.