Check out my latest articles

My Blog

Dynamic Routing in Nuxt

With Dynamic routing, we can use route changes as the conditions and render components without changing the layouts or pages completely. Dynamic routing allows rendering your Vue components conditionally....

How to make a Nuxt.Js application SEO friendly

If you want to use Nuxt.js for your web application's quick and responsive UI, you need to also know how to use Nuxt.js to create an SEO-friendly application. In this article, we'll look at how we can improve the SEO performance of our Nuxtjs website...

How to set up Font Awesome in React

Font Awesome is a popular icon library that provides scalable vector icons that can be customized with CSS. It is commonly used in web design and is easily recognizable by its iconic font and CSS styling. The library includes a wide variety of icons, including social media icons, user interface icons, and brand icons.

Write Code Faster in React (JSX Autocompletion)

Emmet is a set of plug-ins for text editors that allow for high-speed coding and editing in HTML, XML, XSLT, and other structured code formats via content assist.

Modals, Popups, Lightbox, and Popover

A handful of the various ways that websites can improve user experiences include modals, popups, lightboxes, and popovers. They can assist users in completing activities quickly and easily, whether to display information or solicit input from them without changing the page or reloading the page.

How to Validate URLs in JavaScript

Ever wondered how to validate URLs in JavaScript? The process is surprisingly simple. On the internet, web pages, images, and videos can be recognized by their URLs (Uniform Resource Locators). They are used to send emails, transfer files, and perform a variety of other tasks. However, unknown URLs can be risky since they can direct users away from safe websites and toward hazardous ones.

Differences between Google Tag Manager and Google Analytics

There is much misunderstanding regarding the distinction between Google Tag Manager and Google Analytics. And regarding the best course of action for one's own website's integration or implementation.

Conditional Rendering in Nuxt (v-show, v-if, v-else)

It is a typical use case while designing an application in Nuxt or any other JS library or framework to show or hide items under certain conditions. The user interaction can be as straightforward as when we need to display a popup when a user hits a particular button...

How to create a Modal Component in Nuxt

A modal is a component that displays in front of a page content and makes the page content inaccessible till it is closed. To return to the main content, the user must engage with the modal by...