734 Followers
·
Follow

Image for post
Image for post

I’ve been a fan of NuxtJS — a framework built on top of Vue.js — right from the beginning. NuxtJS makes your development faster and easier as it optimizes your code out of the box for the best performance. One of the features that I love is the Server Side Rendered (SSR) that plays an important role in your SEO strategy.

NuxtJS is also a popular choice for Static Site Generation (SSG) or commonly known as JAMStack — which is a hot topic among the Front End communities. …


In this tutorial, I’m going to show how I load Element UI components individually and dynamically to make my website, OpenGraph, smaller and faster.

OpenGraph.xyz

What is Element UI?

Image for post
Image for post
Element UI

Element UI is, hands down, the most popular Vue JS component library. At the point of writing, it’s been used over 100,000 times.

Image for post
Image for post
Element UI’s Github Statistic

Loading Element UI in Nuxt JS

To use a Vue plugins in Nuxt, we need to set up the plugin before launching the app.

First, create the file “plugins/element-ui.js”:

import Vue from 'vue';
import ElementUI from 'element-ui';

Vue.use(ElementUI)

Second, add the file path inside the plugins key on your “nuxt.config.js”:

export default {   
plugins: ['@/plugins/element-ui']
}

Now, you should be able to use all Element UI components in your project. …


Have you ever come across a coming soon page that tells you exactly when the website will be launched? Or maybe visited a website that’s in maintenance mode?

In this article, I’ll show you how easy it is to create an under-construction page that’ll help you build an email list, gain social media followers, and rank better in WordPress.

Photo by Scott Blake on Unsplash

Why Do You Need an Under Construction Page?

Most common reason to set up an under-construction page is when you’re building your website and it’s not ready for the public to access. Yet again, why? Why even bother setting it up when it’s not ready?

I could think of a couple of reasons. …

About

Yuyu

I am a Front-End developer. I like to share about productivity, goal setting and blogging tips on https://www.typeeighty.com.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store