Developers December 1, 2020

How Do You Deploy Static Sites?

Adem Hodzic @AthosBlade

I've used Firebase Hosting and Netlify before.

Dunno if Carrd counts but I've used it also.

I'm curious what other IndieHackers are using to deploy their static websites?

Which one is the best in your opinion and why?

    1. 2

      This is the right answer. No reason to muck with S3 deployments anymore.

      1. 1

        I even use Netlify drag and drop...easier..

  1. 4

    I wouldn't really worry about finding the 'best' option, rather I would just look for one that works for you and stick with it.

    Personally, I use S3+Cloudfront.

    My workflow is straightforward for each project (using custom domains), but there are a few steps:

    1. Create the s3 bucket, making sure it's public and the web hosting mode is on
    2. Create a Cloudfront distribution on the s3 bucket, making sure to generate SSL certificates for my custom domains
    3. Create an IAM role with access to the bucket & cache invalidation on CloudFront
    4. Create the Github repo, setup GitHub actions to handle automatic deployments/invalidations like this
    5. Push up some code and watch it go live

    For the SPA sites I work on, having the ability to run code through lambda@edge is super helpful.

  2. 2

    Good Old Apache. Also Netlify for high traffic.
    For some reason, uptime bot tells me that netlify fails some time where my apache server never does.

  3. 2

    From my point of view - the best is https://vercel.com/ - a lot of integrations, fast, and amazing support.

  4. 2

    Static sites on Render are free and as easy to use as Netlify (and I believe IH is hosted on Render). And it leaves you with the option of running non spa apps (like Heroku).

    https://render.com/pricing

  5. 1

    I use Netlify for https://savvee.io/ and really liking it so far. The CMS package they have will make it really easy to add and edit content as well https://www.netlifycms.org/

  6. 1

    Github pages, Netlify

  7. 1

    I use both AWS S3+cloudflare and Vercel.

  8. 1

    Netlify or Vercel.

    I just need to select my Github repository and it will get deployed automatically. So easy!

  9. 1

    +1 for GitHub pages. It allows custom domains and comes with Jekyll for site generation so its easy-peasy to stand up a site and then push out new versions at will. If your code is on GitHub its a no brainer place to start IMO.

  10. 1

    I use GitHub Actions + Vercel. You can see how I deploy my website to Vercel in this Actions workflow.

    With GitHub Actions I also able to monitor my website performance for free!

  11. 1

    I've recently written a short piece on the same on the options available & their steps.

    https://dev.to/aayush4vedi/how-to-build-launch-your-portfolio-site-1nn7

  12. 1

    I just tried DigitalOcean App Platform where static sites are free, for the first three I think. You deploy from your GitHub repo. Easy.

    I have also done S3 for affiliate landing pages a while ago. I upload with Cyberduck.

  13. 1

    Firebase if you're using firebase auth (https://lynk.sh is made this way and means I can host the site with a dashboard and account management and API Key generation without having a backend server), and Github pages for anything static (we're hosting all the Pigeon Post stuff here: https://pigeonpost.io, https://status.pigeonpost.io, https://docs.pigeonpost.io). Both solutions are extremely fast and easy to use, but because the code is already stored on github for us, using github pages is just the easiest option.

  14. 1

    Always Firebase Hosting + Cloudflare, so it's basically independently of the traffic.

  15. 1

    Netlify & Vercel for React projects

    https://versoly.com/ for our static marketing site :) (built by us)

  16. 1

    Gatsby + Netlify + Algolia + Google Sheets for Hive Index aka the "CheapStack"

  17. 1

    FTP upload to a PHP server with Cloudflare on top.

  18. 1

    GitLab pages, Jekyll and Bootstrap. https://nicgene.gitlab.io/
    Source code is available if you're interested in learning how things are wired together. The GitLab pipeline is convenient as any.

  19. 1

    My website blog Is hosting with netlify and powered by hugo while my side project offdesign is with Render

  20. 1

    I simply use Jekyll hosted on Firebase Hosting.

    Jekyll has an easy setup and I am also used to it, something that helps a lot.

    Firebase Hosting for being something that hardly needs configurations and allows the deployment in a command. Which is very useful when you are starting and the site is changing all the time.

  21. 1

    I use Google Cloud Storage and Cloudflare in front. It works pretty well. There are more options if you want to explore- https://geekflare.com/best-static-site-hosting-platform/

  22. 1

    S3+Cloudfront and Github pages mostly.

  23. 1

    GitHub pages with a CNAME for my custom domain. Super easy to set up, maintain and cheap (if you're not already paying for an Organization). I prefer to have as few accounts to manage as possible, so keeping it within my dev workflow works best for me.

  24. 1

    I think the Gatsby + Netlify combo works great.

  25. 1

    I use AWS amplify and netlify.

  26. 1

    If you have an open-source project you can easily get away with GitHub pages with a CNAME file pointing to your domain.

    If not, or you don't want to use GitHub pages, I do it with AWS S3 suuuper smoothly.

    If you want more control and security (e.g. free SSL cert, caching, other protections), I usually add CloudFlare in front of it. That's about it

    An older post that might help https://cri.dev/posts/2017-03-24-how-i-deploy-my-site/

  27. 1

    Hosting with Github pages is free for unlimited pages and allows for custom domains: https://pages.github.com/ :)

Recommended Posts