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.
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
Markup, these terms should be familiar to you if you're
gridsome buildand pick
distas the public directory
.htmlwith the dynamic content
This could vary on the API method you pick, but the general flow with external APIs goes like this.
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).
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:
.mdfiles to HTML
plugin-criticalextract the critical path CSS to improve initial load times
gridsome-plugin-netlify-cmsan user interface using Netlify CMS if you don't like to dig into the repository
And many more, the roadmap has some cool features planned which I can't wait to use.
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.