JAMstack step by step tutorial to create a website with just clicks and no code at all for free

Click for: original source

This JAMstack tutorial will show you how to create a JAMstack website with just clicks, no code and for $0. It will detail how to set up a JAMstack website step by step with 30+ screenshots and 2000+ words. It will involve using a git-based CMS service to edit your content easily. Let’s get started. By Geshan Manandhar.

If JAMstack is something new for you have a look at my previous post detailing what is JAMstack and some of its technical aspects. For this tutorial following are the prerequisites:

  • You must have a working email address (a no brainier, still good to be explicit)
  • Knowledge of markdown would be beneficial
  • Knowledge of a static site generator like Hugo would help
  • Previous know-how of using any Content Management System (CMS) like Drupal or Wordpress would be great

You will need to register for the 4 (or less) online services to get your JAMstack website up and running. The good news is all of them have a free plan so your website will have a recurring running cost of exactly $0, hurray!

  • Github - To host the code, probably you already have a Github account :)
  • Netlify - CDN to host the website, it will be fast as it will be static files mainly
  • Forestry - Git-based Content Management System (CMS) service to edit the JAMStack website content, your content changes will reflect on the website in a couple of minutes. Still fast for a JAMstack website
  • Stackbit - Service to manage above 3 and glue all of them together to bring your JAMstack website to life

This is just scratching the surface, now you can show your running website to people but do remember to optimize it well before going live. Good read!

[Read More]

Tags nodejs javascript web-development