Posts
Request Redirect for Nginx in SPAs
· ☕ 4 min read
Redirection can be easy enough on Nginx. Let’s see how we can utilise that for our single page applications coded in Vue, React, etc. Nginx and Redirection Nginx configuration is simple but powerful. All we need is a couple of lines to setup our server. Add the below lines to the Nginx configuration files (e.

Social Share Buttons in Vuetify
· ☕ 2 min read
Enabling social share buttons in Vuetify is quite easy. All you have to do is stitch together three components provided out of the box - Speed dial Buttons Icons We will create a quick demo on Codepen. Create a new Codepen, click on Settings, navigate to JS and add the below libraries -

Using Vue with Firestore
· ☕ 12 min read
Firestore can make up for a great backend application. You can get started quite easily, scale it up nicely, and in general, worry less about the “server” side of things. While it is quite easy to use Firestore as-is, using it in Vue opens up a whole new universe. But, first - let’s go through the grind of knowing why we would want to do this?

Masonry Layout in Vuetify
· ☕ 4 min read
Vuetify is a God-send for lazy developers like me. Thanks to Vuetify I have all styles standardized, customise UI to my heart’s content and create an app that is ready to take on any device. But, Vuetify does not support masonry layout for your grid. Here’s a look at available options if you need masonry layouts in your projects.

Tooltip in Vuetify
· ☕ 3 min read
I am a big fan of Vuetify - it has far too many components available out of the box and makes my life as easy as it gets. But that does not prevent me from getting annoyed by small “stuff” that matter. Take tooltip as an example. Vuetify has v-tooltip component to enable tooltips -

Routing and Route Auth in Nuxt
· ☕ 3 min read
Nuxt enables automatic routing. All you need to do is - Create the Nuxt app Create Vue pages under pages root directory All pages will automatically be routes in the app - no need for a distinct Vue router definition. Automatic Routes in Nuxt Consider the below pages in an example app https://my-app.

Structuring your Web App & Nuxt Content Module
· ☕ 7 min read
I have always struggled with new projects. Don’t get me wrong - we live in exciting times and all that. But, there is this thing called “conundrum of choice”. There are just too many ways to get things done and the “next shiny thing” syndrome rears its head each and every darn time.

The Magic of VueDraggable
· ☕ 5 min read
I had used VueDraggable in my projects before, but only sparingly. One of the recent experiences taught me just how cool it was! The Problem of Drag & Drop There is no problem.. really. You drag You drop And the world goes “yeah yeah yeah” (read using this tone - sorry, couldn’t resist)

Working with Local Storage in Vue
· ☕ 7 min read
Here’s an high-level overview of local storage, popular options to get started on local storage in Vue, and how to choose an option that works for you. Local Storage and Browsers Browsers are windows to your web application. While it is easier to manage data access on your own servers, super secure and all, getting users to connect to the server for each and every task can be tiring and lead to a bad user experience.

Using Nullish Coalescing Operator
· ☕ 6 min read
ES2020 introduced nullish coalescing operator. We will see just how and where can you find use for it? What it is? Nullish coalescing operator (??) is introduced in the newest Javascript specification. It’s primary design goal is quite simple - provide a way to check for nulls to return true or false values from an expression.

Shorten URL with Express and AlpineJS
· ☕ 10 min read
In this post let us see how we can leverage the power of Express with a sprinkling of Alpine JS to create a quick URL shortener application. But, why? Express is the most popular server-side framework and my “go to” choice for creating anything really quick. Building a front-end for Express is as easy as using handlebars (or anything really) that goes in HTML served by Express.

Migrating Wordpress Sites Across Domains
· ☕ 7 min read
I recently had to pick up an old project on Wordpress and deploy the site on a CPanel server. So, I thought it was just the right time to document the steps needed to migrate Wordpress site from one host to the other, or from one domain to the other. While there are references to CPanel, the migration is almost the same for any control panels (or even when you don’t use one).

Using Caddy with Quasar
· ☕ 5 min read
I switched to Caddy recently on one of our servers to host multiple applications and am super happy about its simplicity and ease of use. Here’s how I use Caddy with Quasar. What is Caddy? Caddy is a web server much like Nginx. It calls itself “a new kind of extensible platform for server apps”.