Techformist

Structuring your Web App & Nuxt Content Module

📅 Jul 29, 2020 · 📝 Aug 30, 2020 · ☕ 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

📅 Jul 22, 2020 · 📝 Jan 1, 2021 · ☕ 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” (.. use this tone - sorry, couldn’t resist)

Working with Local Storage in Vue

📅 Jul 15, 2020 · 📝 Aug 29, 2020 · ☕ 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

📅 Jul 8, 2020 · 📝 Jul 10, 2020 · ☕ 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

📅 Jul 1, 2020 · 📝 Jul 5, 2020 · ☕ 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

📅 Jun 24, 2020 · 📝 Jun 29, 2020 · ☕ 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

📅 Jun 17, 2020 · ☕ 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”.

Setup Ubuntu VPS - First Few Steps

📅 Jun 11, 2020 · 📝 Jun 29, 2020 · ☕ 8 min read

I create virtual private servers at least 8-12 times an year for client and personal projects. The steps to go live remain the same - Get a cheapo VPS on Digital Ocean, Vultr (get $100 credit), Hetzner, OVH, and friends - I end up choosing Ubuntu as the OS Secure your server Setup app server, database server and tools Stitch together various components through configuration files I have thought about switching to Docker (or Caprover) for months, but keep putting off any kind of automation.

Javascript - A Beginner Guide

📅 Jun 3, 2020 · 📝 Jun 11, 2020 · ☕ 30 min read

Here’s a good guide to get you started on Javascript in a practical way. Why another guide? Practical - don’t learn for the sake of learning, learn for the sake of doing! Tactical - learn what matters, fast (yes, that’s what everyone says) Strategic - see the big picture This guide will get you started from the beginning, graduate you to using industry standard tools, and point you towards the right direction for learning even more than what can be offered in one guide or course.

Setup Development Workspace in WSL2

📅 May 29, 2020 · 📝 Jun 9, 2020 · ☕ 5 min read

WSL2 was released yesterday along with Windows10 May 2020 update (v2004). WSL2 enables to work with Linux kernels within Windows, and it brings some crazy possibilities for those of us who refuse to dual boot or switch over completely to Linux. I am assuming that you already have installed Windows v2004 through the normal Windows update channel, or through the update assistant.

Create a simple app using Vue from CDN

📅 May 27, 2020 · 📝 Oct 6, 2020 · ☕ 10 min read

I had to work on a MVP where there were specific instructions to use Vue directly from a CDN. The Vue build available in this way is also called UMD (Universal Module Definition) build since you can use Vue from anywhere and the project does not need specific setup to build and package your code.

Using Vue Plugins in Quasar

📅 May 22, 2020 · ☕ 2 min read

Here’s a quick way to use Vue plugins in Quasar. Use Case: Frappe Charts in Vue Let’s consider a simple use case for using Vue plugins - we want to use Frappe charts. We can simply use vue2-frappe to easily do that. Just install the package in your project -

Create Boot Plugin in Quasar

📅 May 20, 2020 · 📝 May 22, 2020 · ☕ 4 min read

Quasar CLI structures project differently as compared to a standard Vue CLI app. As a result, you cannot just follow examples on the Internets blindly and use Vue.use(), or start changing code in main.js. There are, however, great ways of addressing the same problems with slightly different solutions. Enter boot files.