あなたのブログに拍手を加える方法

あなたが私のサイト上の任意のブログ記事の下部にスクロールする場合は、あなたがこの投稿のような場合、あなたに尋ねるセクションが表示されますが、いくつかの拍手を与えるために行うことに気づくかもしれません.これは非常に頻繁に見て何かではないが、それはあなたが考えるより簡単です.
個人的には、インディー開発の大きなビットであるLilketを使うことを選びました.それはあなたが必要かもしれないすべての場合に最適な反応、HTMLとWordPressをサポートしています.

セットアップ

反応ベースのブログの場合は、単一のパッケージが必要です.@lyket/react そして、あなたのウェブサイトに拍手を追加を開始する準備が整いました.
次に、あなたのLyketアカウントのサインアップする必要がありますhttps://lyket.dev . 一度グラブをサインアップPublic API token 設定から.

ラップ当社のアプリ。js

我々はすべての必要な部分を持っているので、我々は、我々はライケットとそれを使用できるようにプロバイダでアプリケーションをラップすることができます.まずインポートする必要がありますProvider からの代わりにインポートするProvider 使いましょうLyketProvider .

import { Provider as LyketProvider} from “@lyket/react”

今、我々はこのプロバイダにアプリケーションをラップし、我々のAPIトークンを渡す必要があります.
あなた_app.js 次のようになります.

import '../styles/index.css'
import { Provider as LyketProvider} from “@lyket/react”

export default function MyApp({ Component, pageProps }) {
  return (
    <LyketProvider apiKey="[YOUR-API-KEY]">
      <Component {...pageProps} />
    </LyketProvider>
  );
}

ページにライクを使用する。

ライケットは我々が欲しい任意のページで利用可能です.あなたがリケットを使用したいページを開き、次のインポートを追加しますimport { ClapButton } from '@lyket/react'; 次に、このコンポーネントを使用したい場所です.例えば、

import { ClapButton } from '@lyket/react';

export BlogPost = ({ title,slug, content }) => {
  return (
    <div>
      {title}
      <ClapButton id={slug} namespace="blog-posts" />
      {content}
    </div>
  );
};

それは今、あなたの読者は、彼らがあなたのポストを愛する拍手することができます.以下のショットを与える!