This project is one of my experiments with JAM stack. You can learn more about JAM stack here: https://jamstack.org.
I was about to build a new personal blog only which should be as simple as possible and I ended up with crafting a new template because I couldn’t find any template that satisfies my requirements. It took me few weeks to study, write guiding stuffs, … but it was fun and worth my while. Hope you like it too.
This project is under MIT license which means it is free to use for any purpose.
You can contribute to or fork it from my Github repository: https://github.com/cvtung/4N-powerful-blog-template
If you want to propose any new feature or ask any question about this project, please visit project’s discussion section and search for it before opening a new thread: https://github.com/cvtung/4N-powerful-blog-template/discussions
Why was this template named as 4N?
It was built with Nuxt framework, styled with made-by-me Notion-liked theme, uses Netlify CMS to manage content and hosted by Netlify.
Why should I use Netlify CMS as a content management system?
Because it’s convinient. If you want to write/edit/delete posts anywhere (even on your phone), you can go to
https://your-blog-name.com/admin
, log in and do whatever you want.
I’m a non-tech user, can I still use it?
Sure. This template is a ready-to-use blog. The only things you need to do is to register a Github account and a Netlify account (all free) and click a some magic buttons, everything will be ready in 5 minutes (no kidding 😎). Please read Getting started page and Tutorials category for more information.
Please explain more … 😢
When you decide to click Deploy to Netlify, Netlify will copy this template source code into your Github account, start generating a static website from code and host that site for you automatically. After few minutes, your site will be ready at
https://your-netlify-site-name.netlify.com
, you can go tohttps://your-netlify-site-name.netlify.com/admin
and tweak. From now on, all content you publish will be saved in your Github account and Netlify will update your site with your new content automatically. Normally, it only takes 1 minute to refresh your site after you finish writing.
Credits
-
Gallery category jumbotron image by Alina Grubnyak on Unsplash
-
Tutorials category jumbotron image by Barry Zhou on Unsplash
-
Twitter’s Twemoji and Mozilla’s FirefoxEmoji icon sets
-
Vue and Nuxt and many open source packages
-
Netlify and Netlify CMS