This is a solution to embed Lyket to Notion.

With this solution you can create Lyket buttons just by navigating to a path "/like-button/[button-namespace]/[button-id]"

Read more about what Lyket buttons need to be created here

You can see a demo of what it looks like like-button | updown-button | clap-button

Getting Started

First, register on Lyket to get your personal API key.

Then you need to fork this repo and deploy it to a serverless platform such as Vercel or Netlify.

If you want to experiment a little before deploying it, clone it and add your personal API key in NEXT_PUBLIC_LYKET_API_KEY to .env.local

Deploy on Vercel

The easiest way to deploy your Lyket widget app is to use the Vercel Platform, choose your repo and deploy.

Remember to add your personal API key as environment variable in your Vercel app settings [/settings/environment-variables]. Use the name NEXT_PUBLIC_LYKET_API_KEY.

Trigger a new deploy to apply the changes.

See the buttons on Notion

Now you can use the address of your deployed app to create Lyket buttons in an iframe or Notion.

For example:

• https://my-app/like-button/my-blog/my-post will create a like button with namespace my-blog and my-post as ID
• https://my-app/clap-button/my-blog/my-post will create a clap button with namespace my-blog and my-post as ID
• https://my-app/updown-button/my-blog/my-post will create a updown button with namespace my-blog and my-post as ID

To see the buttons on Notion simply copy the link in Notion and then choose Create embed from the option list

Customise buttons

This repo contains the most basic version of Lyket, but Lyket gives a great choice of customisation! To learn more on how to customise your buttons, take a look at the following resources:

• Lyket React Documentation - learn about all Lyket features.
• Create a like button - Create a React like button.
• Create a clap button - Create a React clap button.
• Create a like-dislike button - Create a React like-dislike button.