How to add Disqus Comments to NuxtJS project

Author: zemna
Date: April 18, 2021
Share this:

Install vue-disqus package from npm

npm install vue-disqus --save

Create plugin file(ex. disqus.js) in /plugins folder

You can get your shortname after register your webiste in Disqus Admin.

import Vue from 'vue'
import VueDisqus from 'vue-disqus'

Vue.use(VueDisqus, {
  shortname: 'your-disqus-shortname',

Register plugin file in nuxt.config.js

export default {
  // ...
  plugins: [

Add Disqus vue component to your vue file

  <div class="comments">
    <Disqus />

Add DisqusCount vue component to your vue file to display comments count

See documentation to get detail information.

    <DisqusCount tag="a" :url="`/articles/${article.slug}`" :identifier="`/articles/${article.slug}`" />
Share this:

Leave a Reply

Your email address will not be published. Required fields are marked *

Let's connect and create
something awesome together!
2023 - Copyright, All Rights Reserved, Made by ZEMNA.NET with ❤️
crossmenu linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram