How to build a Static Serverless Blog for Free😇
Hello Hashnoders ! 🤠
This is my first article on hashnode. So I thought, let me share you, my latest experience on building my website completely Static + Serverless based Architecture My Website
I recently also shared a article on What's the Difference Between SSG vs Serverless vs Headless vs Jamstack ! You can read it here
Lets deep down on how I built my website.
- Godaddy - For Domain
- Cloudflare - SSL
- CloudCannon - Jekyll Builds
- Cloudinary - CDN for Images
- Algolia - For Instant Search
- Github Pages - Jekyll Hosting -Forestry - Static CMS
- Travis CI - For CI/CD
- Google Analytics - For Analytics
- MailChimp - Email Campaigns and Newsletters
- Formspress - For Forms
- devlopr Jekyll Theme - A Jekyll theme built for developers. Built by me 😬
So, How does this Stack works ?
So this is the underlying process ( trying to explain in English)
I Used Jekyll Devlopr theme to modify my Site locally
After building the site, I push the build to master branch of my repo sujaykundu777.github.io
I choose the master branch of my repo as my Github Pages Build Branch.
I automated the process of building the jekyll site with every push with CloudCannon.
I connected the website with my custom domain using Godaddy DNS settings and used SSL from Cloudflare
I use Forestry Admin Panel to make changes to my posts or content. Using Cloudinary CDN Enabled Images.
I use Algolia for Instant Search for my Posts.
In order to build the search indexes of Algolia, everytime I had to call the Api. To automate this I used ,TravisCI
Whenever a push is made by me through Admin, the build is automatically generated and taken care by Cloudcannon and Travis and they both
Taddaaa.. ! The blog post will appear automatically.
By the way there is no cost involved.. all the third parties I am using have a Free Tier. All you need to buy is a Custom domain.
Do subscribe my blog's weekly newsletter for more hacks like this 👷🕵️
Thanks for reading 👩🎤
I really liked Hashnode Blog Platform too.. with such a great community. 😍 Cheers !
That entire process is relatively simple given the amount of tools you listed! I also really like the design of your Jekyll template, so if it's alright I might use that or tweak it a little for my own site.
Appreciate the insight and a quick starter guide to a serverless, and free, blog