Nuxt.js

Nuxt.js is a framework for creating Vue.js applications, you can choose between Universal, Static Generated or Single Page application (inspired by Next.js)

nuxt nuxt.js nuxt-js

Getting Started with Nuxt.js

What is Nuxt.js? Nuxt is based on Vue.js official libraries. That means on Vue, the Vue Router, Vuex. And also on powerful development tools like Webpack or Babel, for example. It extends Vue.js by some helpful features, and only with a few extra kilobytes added to your JavaScript files.

Nuxt Static Improvements

With Nuxt.js version 2.13, the full-static mode has been introduced. In addition, a new command nuxt export was added to pre-render your pages without triggering a webpack build with the goal to separate the rendering and build process. The only issue was that most Nuxt.js users weren't able to unleash the full potential of the separation... until now.

How to add the script tag to a head in Nuxt

In this tutorial, we are going to learn about how to add the external script tags to a , in the nuxt app. Adding a script to head Open the…

Observable notebook import example on Nuxt.js / Vue.js Application

Youtube-Demonetized-Words-Study .Observable notebook import example on Nuxt.js / Vue.js application, generated as static page on github pages

Vue PWA: A Progressive Web Application Example With Nuxt

Building a Vue PWA can have massive benefits for your business. Read this article to learn how to create your own progressive web app today! A few weeks ago, we provided a guide to PWA e-commerce with a live Gatsby demo. In it, we provided a progressive web app definition, a few of the major benefits, and some examples of PWA e-commerce sites you can go check out. If you haven’t read that post yet, I definitely recommend doing so as it will provide a great framework for what you’re about to read.

How to use Chakra UI and NuxtJS in Building Accessible Front-End App

We are going to be looking at how to use Chakra UI and NuxtJS in building accessible front-end applications. Chakra UI is a design system and UI framework created by Segun Adebayo. Vuejs/NuxtJS developers can now utilize Chakra UI to create accessible web applications.

Building a Nuxt.js Dashboard Application with Cube.js and Highcharts

We will be building a Nuxt.js Dashboard Application to display insights from a database with Cube.js and Highcharts. Cube.js is an open source modular framework to build analytical web applications.

Custom Loading Spinner Component in Nuxtjs and Vuetify

A loading spinner component for next js to replace the default loading style. In this blog I will show you how we can add our custom component for default loading. Custom Loading Spinner Component in Nuxtjs and Vuetify

CSS Transitions In Vuejs And Nuxtjs

CSS Transitions is a module of CSS that lets you create gradual transitions between the values of specific CSS properties. In this tutorial, we’ll look at the different ways to apply CSS transitions in both Vue.js and Nuxt.js applications.

How to Server Side Rendering (SSR) with Vue.js?

First of all, the purpose of the article; Why do we need an SSR approach, why and where to use SSR, what are the differences between SSR and CSR? We will consolidate what we know about these with examples.

How to Use Flat-File Data in a Static Nuxt App

Learn how to use Flat-File Data in a Static Nuxt App. What is a flat-file database? A "flat-file database" is a database architecture where data is stored in a simple text file rather than in database software like MySQL or MongoDB.

Nuxt.js vs VuePress vs Gridsome: Battle For The Best Blog App

Nuxt.js vs VuePress vs Gridsome - We compare VuePress to Gridsome to Nuxt Content. What is the best platform to use for your next project? What if you're creating a blog? Gridsome Pros Cons, VuePress Pros Cons, Nuxt Content Pros Cons, Plugin Systems Gridsome And VuePress, Nuxt Content Plugins Modules

Nuxt + axios を使用して画像URLを取得し画像表示させたい。

現在、Nuxt + axios で外部サービスのAPI にアクセスして画像URLを取得し、imgタグ内でv-bind を用いて表示しようとしています。 そこで、ディベロッパーツールで該当箇所を確認してみると、403エラーが発生して画像が表示されませんでした。

Nuxt.js:firebaseAuthのfacebookログインでOAuthリダイレクトURIエラー

URLはブロックされています: リダイレクトURIがアプリのクライアントOAuth設定でホワイトリストに追加されていないため、リダイレクトできませんでした。クライアントとウェブOAuthログインをオンにして、すべてのアプリドメインを有効なOAuthリダイレクトURIとして追加してください。

How to use Font Awesome along with Nuxt.js and Bulma

Add nice looking icons to your web page. Nuxt.js and FontAwesome — a simple walk-through.

Create a Blog Using Nuxt Content

Nuxt.js Content is the latest and greatest improvement to Nuxtjs. In this tutorial we'll look at how to create a blog using Nuxt.js content.

Getting Started With Axios In Nuxt

In this tutorial, we will learn how to make a request in our Nuxt.js applications using the Axios module. We will also learn how to use the ayncData and fetch methods to fetch data on the server-side and the differences between the two methods.

Nuxt.js Content Tutorial, Nuxt.js Auto-Import Tutorial

Nuxt.js Content is a Git-based Headless CMS that allows you to fetch Markdown, JSON, YAML and CSV! in this video we look at how easy it is to setup. We also look at Nuxt auto-import components!

Is Nuxt.js Content The Next Big Headless CMS?

Nuxt.js Content is a Git-based Headless CMS that allows you to fetch Markdown, JSON, YAML and CSV! We also look at Nuxt auto-import components! What Is Nuxt? How To Create A Nuxt App? How To Install Nuxt Components? Nuxt Content Introduction, Dynamic Nuxt Content With Slugs, Import components into Markdown files

What is Nuxt 2020?

With the increasing popularity of Nuxt.js the core team and authors have not been sitting still. In February Sebastien will talk about the progression and plans for Nuxt.js in 2020.