Static Sites
New theme for - Beautiful Saber
· ☕ 2 min read
I played around with a bit in the past week and it’s been amazing to work with. Mix Vue with static content in .md files Templates that I understand and love Use .md or .html files for content Easily bring some “dynamism” to the static pages - conditional rendering, use variables and so forth I mashed together a few design elements and created a new theme called “Beautiful Saber”.

Automatic Dynamic Sidebars in Vuepress
· ☕ 6 min read
How can you get automatic sidebars to be generated in Vuepress depending on the page? The Situation Vuepress is simple. Being simple is rather difficult. In the case of Vuepress, the difficulty can show up in unexpected places. Starting with Vuepress is simple enough. Equally simple is enabling navigation on your site at multiple levels through a “sidebar” and/or a “navbar”.

Using Vuepress and other stories
· ☕ 9 min read
I am a big fan of Vue and cannot breathe without static sites. So, it is only natural that I play around and implement Vue-based static sites for fun and profit. Here’s a distilled-down version of my experience with Vuepress. The Situation I create static sites that are “real” websites. Typically the following factors in a static site generator help -

Simple Site Summary in Hugo
· ☕ 3 min read
Here’s a simple way to organize your taxonomies and have a bird’s eye view of the number of posts per category/tag in Hugo. The Problem As grew, I became more and more disorganised in maintaining taxonomies. I had some interesting situations - a “static-site” category coexist with “static sites” category confusion b/w why I chose a few terms to be tags rather than categories in their own right the recurring need to “rethink taxonomy structure” depending on the flavour of the month and time of the day This often required me to go back and change a few taxonomy terms, or to reorganize site structure in order to provide better visibility to chosen topics.

Include full content in site feed in Hugo
· ☕ 2 min read
Include all content of your posts in your site feed when using Hugo static site generator. By default Hugo will include only summary in your website feed (e.g. in /index.xml). Your theme may already provide a way to provide full content instead of just the summary. If it doesn’t, you can make those simple changes yourself.

Add PWA to your Hugo site
· ☕ 8 min read
Adding PWA to your Hugo static site is quite easy. What is PWA and why should I add it? Progressive web applications (PWA) are a nice way to give your websites an “app makeover”. Using PWAs your sites are perceived to load faster, are available offline, and in general improve user experience.

Build static sites using saber
· ☕ 1 min read
Saber is an exciting new static site generator based on Javascript. I am a big fan of static sites and use more than a few in my projects. But, I still got all excited when I came across Saber Saber - is a static site generator that uses Node supports front-end templates to be built in Vue (supported out of the box ), React (upcoming support) quite fast has a simple setup supports plugins supports fetching data from API sources as well generates a single page site within no time Saber’s way of building templates can be quite fast for people with some Vue knowledge.

Format Hugo markdown and code
· ☕ 3 min read
Format your markdown using prettier and you are off to the races. Hugo static site generator keeps everything simple. I just love the power of typing in something in markdown, and seeing the finished HTML pages and blog formatted to specs (in no time, I might add). I use VSCode for writing markdown text.

Create static sites in Vue using Gridsome
· ☕ 3 min read
I love the simplicity, speed and awesomeness of static sites. I also happen to love Vue for its power, simplicity and its feature set that makes development that much easier. So, what will happen when Vue is combined with static sites? Awesome Gridsome - that’s what. Gridsome describes itself as a Vue-powered site generator.

Contact Forms in Static Sites
· ☕ 3 min read
I don’t quite see value in ‘contact us’ forms anymore. No one uses it It is prone to spam No one uses it (yes, this is repeated) However, my personal opinions do not always align with client expectations. So it follows that I create these forms on a static site with resigned indignation.

CMS, Site Builders and Static Sites
· ☕ 4 min read
Does the term ‘CMS’ mean anything anymore? And, why a hybrid static site solution is the only way out. Where we stand today? Wordpress really brought web sites to the masses. Instead of writing obscure code using HTML / Javascript, using Blogspot, or using third party site builders, Wordpress and its ecosystem allowed all humans with basic computer skills to whip up a site within no time.

Web Inspector to design static sites
· ☕ 3 min read
Chrome and Firefox web inspectors are my new best friends in my quest to develop static sites. I never took the time to appreciate the complete power of web inspection - until I actually started changing the design of this very site. I have been redesigning website on Hugo. The plan is to migrate from Jekyll and design a simpler site that can easily showcase what I have to offer (ahem.

Copy/paste Datatable Issues in Hugo
· ☕ 3 min read
It is interesting how the minor things eat away a lot of your time. Especially if you happen to be like me, one of the greater idiots on a planet full of idiots. One of the days, I had to create website really fast to demonstrate to a potential customer. I abandoned my dear old friend Jekyll since - well, I had to create something in Hugo.