Add reactivity to your Next.js blog using giscus

Social Networks Developer Tools Project Management

GitHub Marketplace Landing Page
1

GitHub Marketplace

Tools to build on and improve your workflow
Pricing:
- Open Source
Once Discussions are enabled, installing the Giscus application is next. You can either click here to visit the app page or search for "giscus" on the GitHub Marketplace.

#Developer Tools #Project Management #DevOps Tools 16 social mentions
giscus Landing Page
2

giscus

A comments system powered by GitHub Discussions. Let visitors leave comments and reactions on your website via GitHub!
Pricing:
- Open Source
'use client'; Import { useEffect } from 'react'; Const Comments = ({ repo, repoId, category, categoryId }) => { useEffect(() => { const script = document.createElement('script'); const commentsDiv = document.getElementById('post-comments'); script.async = true; script.setAttribute('src', 'https://giscus.app/client.js'); script.setAttribute('data-repo', repo); script.setAttribute('data-repo-id', repoId); script.setAttribute('data-category', category); script.setAttribute('data-category-id', categoryId); script.setAttribute('data-mapping', 'pathname'); script.setAttribute('data-strict', '0'); script.setAttribute('data-reactions-enabled', '1'); script.setAttribute('data-emit-metadata', '0'); script.setAttribute('data-input-position', 'top'); script.setAttribute('data-theme', 'preferred_color_scheme'); script.setAttribute('data-lang', 'en'); script.setAttribute('data-loading', 'lazy'); script.setAttribute('crossorigin', 'anonymous'); try { commentsDiv.appendChild(script); } catch (error) { console.error('Error while rendering giscus widget.', error); } }, []); return ( <div id="post-comments"> <h2>Commentsh2> div> ); }; Export default Comments;.

#Social Networks #Project Management #Feedback 28 social mentions