get-link-preview
🔗
View the link preview using our App. Use the API to generate link preview in your app or use the NPM package to use the custom hook in your React app.
Features
✨
- Use our app to view the link preview of any link
- Use our API endpoint to integrate link preview in your app
- Use the custom hook provided by our npm package to integrate link preview in your React app
Useful links
🔗
API
API endpoint
https://get-link-preview.herokuapp.com/?url=https://github.com/siddhigate
API response
{
"success":true,
"title":"siddhigate - Overview",
"description":"Full stack developer. siddhigate has 49 repositories available. Follow their code on GitHub.",
"image":"https://avatars.githubusercontent.com/u/80971056?v=4?s=400",
"sitename":"GitHub",
"ogUrl":"https://github.com/siddhigate",
"type":"profile",
"domain":"github.com",
"favicon":"https://github.githubassets.com/favicons/favicon.svg"}
}
NPM package
Installation
import { useLinkPreview } from "get-link-preview";
Import custom hook
import { useLinkPreview } from "get-link-preview";
Using the hook
const { getLinkPreviewData, loading, error, data } = useLinkPreview("https://npmjs.com");
data will include (Example response):
{
"success":true,
"title":"siddhigate - Overview",
"description":"Full stack developer. siddhigate has 49 repositories available. Follow their code on GitHub.",
"image":"https://avatars.githubusercontent.com/u/80971056?v=4?s=400",
"sitename":"GitHub",
"ogUrl":"https://github.com/siddhigate",
"type":"profile",
"domain":"github.com",
"favicon":"https://github.githubassets.com/favicons/favicon.svg"}
}
3 Jul 5, 2022
12 Dec 28, 2022
10 Nov 16, 2022
10 Nov 18, 2022
7 Nov 20, 2022
28 Oct 31, 2022
9 Sep 4, 2022
85 Dec 24, 2022
12 Sep 26, 2022
10 Nov 1, 2022