Create a FaceBook Like Button

I share the way I integrated Facebook, maybe it will be useful for others, or maybe I can improve it with your helps:

npm i react-facebook

In your packages/your-theme/src/components/index.js add:

import { FacebookProvider, Page } from "react-facebook";


<FacebookProvider appId="123456789" language="en_US">
    <Page
      href="https://www.facebook.com/yourpage/"
      hideCover
      showFacepile={false}
      smallHeader
    />
</FacebookProvider>

Or wrap your hole site with FacecbookProvider, and use the elements it provides e.g. on a post, like:

import { Like } from "react-facebook";

<Like
    href={post.link}
    colorScheme="light"
    layout="standard"
    size="large"
    width="366px"
    share
 />
2 Likes

Thanks for sharing this @koli14!
Indeed, this type of info is very helpful for the community :+1: