Building JAMstack blog with Nuxt.js
Recently, I migrated my personal blog to the JAMstack site powered by Nuxt.js and my custom headless CMS. In this post, I will show you how to build a blazing fast JAMstack blog with Nuxt.js.
TL;DR
What is JAMstack?
JAM stands for JavaScript, APIs, and Markup. It's a modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup (HTML).
With JAMstack, the entire front end is prebuilt into static pages during a build process. Those static HTML files and assets are served from a CDN without the need of app servers and databases. While HTML files are served directly from a CDN, dynamic functionalities are handled by JavaScript and APIs.
Why JAMstack?
There are several advantages of building websites with JAMstack.
Better performance 🚀
In terms of page speed, nothigng beats serving static files via a CDN.
Cheaper and scalable 💸
Hosting of static files on a CDN are cheap or even free for personal use. Also, you don't need to worry about scaling app server or database.
More secure 🛡
By serving prebuilt pages without backend server and database, you don't need to worry about server or database vulnerabilities.
Tools for JAMstack
Static Site Generator
Headless CMS
CDN
JAMstack with Nuxt.js
- Nuxt.js
- Tailwind CSS
- Custom Headless CMS
- Netlify