Nuxt — Creating Custom Directives For Static & SRR Sites

Nuxt — Creating Custom Directives For Static & SRR Sites

What Are Directives? Why Are They Useful? Nuxt — Creating Custom Directives For Static & SRR Sites

What Are Directives? Why Are They Useful?

Custom directives are a way of making our code reusable similar to mixins but instead of reusing component functionalities, directives let us create single methods that are reusable these custom directives are great for DOM access/manipulation. Vue comes with a few default directives that you are guaranteed to have seen/used before like v-modelv-bind & v-show. It's a lot easier to understand once we see some examples of what we can do with custom directives.

Vue also allows you to register your own custom directives, where would custom directives would still be useful? An example would be focusing on an input element when the page is loaded.

nuxtjs vuejs javascript server-side-rendering

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

Server-side rendering (SSR) in Angular applications

An overview of the differences between client-side rendering and server-side rendering and how to change your Angular application to do…

A hands-on guide for a Server-Side Rendering React app

In the previous article, we described how to make a production build and deploy it to a server. Naturally, the next step is the server-side rendering. We are going to walk through the process by converting Create React App to a server-side rendered application.

ConfigCat Feature Flags for Server Side Rendered apps like NuxtJS

ConfigCat Feature Flags for Server Side Rendered apps like NuxtJS. ConfigCat is a feature flag and configuration management service.

Server side rendering Styled-Components with NextJS

Server side rendering Styled-Components with NextJS - I switched to styled-components for most of my projects nearly a year now but never used it with Next.js until recently. This might be a bit late to the party but I feel it’s definitely worth sharing the neat trick of ServerStyleSheets...

Server Side Rendering (SSR) in Angular 5+ | The simplest and quickest SSR approach

Most of web applications out there are Client Side Rendered, that means all the necessary codes (HTML, CSS, JavaScript) are bundled…