Server- & database less blog? ๐Ÿ˜ฒ

3 minute read ยท 14/03/2019

Yeah you clicked! But don't worry, it's not clickbait. Today I'll tell you about JAMStack and how I built my site with it.

WTF is JAMStack?

You may already have read a lot of articles about the trendy JAMStack buzzword, but you're still not sure what it is. Let me make that clear for you, JAM stands for JavaScript, API & Markup, these terms should be familiar to you if you're a webdeveloper.

JAMStack is a modern approach to build websites with prerendered HTML pages using JavaScript, APIs (could be markdown files, Netlify CMS, Storyblok, etc) and Markup. The flow goes something like this:

  1. Push site to master branch
  2. Hosting service will run yarn, gridsome build and pick dist as the public directory
  3. The service will call the API and retrieve all the dynamic data
  4. The service is building the assets and transforming .md to .html with the dynamic content
  5. Site is built and available to be visited

This could vary on the API method you pick, but the general flow with external APIs goes like this.

Why should you use it?

It's super fast because every page is already rendered! There's no server that's rendering the page and inserting content, this part is already done at the building stage of your site. Did I tell you that you just have to pay for the domain name? The hosting is completely free, you can use services like Netlify and store your project on Github, GitLab or Bitbucket. There's also no maintenance which you have to do, or any complex configurations because everything is stored in the cloud and handled by third parties (PaaS).

How I built my site

My site is using Gridsome and Netlify, Gridsome is an awesome framework to build JAMStack websites with Vue.js and GraphQL rapidly, while still being a young framework (v0.5.4) it brings many cool features and plugins like:

And many more, the roadmap has some cool features planned which I can't wait to use.

Conclusion

JAMStack is an awesome method to build fast websites with almost no costs, and Gridsome makes this process a whole lot easier, you should definitely give them a try.