@namchey/linkpreview

Link Preview

Open Graph, Twitter Card, Oembed preview. Shows visual cards that mimics link previews in social media like facebook, twitter, vk, viber and other sites that support link preview.

https://linkpreview.dev/

Motivation

There are already tools from facebook (https://developers.facebook.com/tools/debug/) and twitter(https://cards-dev.twitter.com/validator) that does the work of debugging the link preview. But we also wanted Oembed standard testing and various other debugging. We wanted a tool for our development environment that supports all kind of link preview standards. So Link Preview was made to solve these problems.It is an all in one debugger. It shows visual link previews for OpenGraph, Twitter Card and Oembed protocol. With this tool you can get somewhat similar link preview in sites like facebook, twitter, medium, etc.

Requirements

1. Node.js v10.16.0

nvm install v10.16.0

Installation

````
npm i -g @namchey/linkpreview
linkpreview
//starts a server in localhost:8080
````

Development

1. Clone this repo

git clone [e-mail]:namchey/linkpreview.git

2. Install Dependencies

npm i

3. Copy .env.example ---> .env if you want custom env vars

4. Webpack Build

//server-rendering
npm run build:dev

//client
npm run app-dev-server

5. Run in Development mode

npm run dev
//open app in browser, default is http://localhost:4040

Production

1. Build

npm run build

2. Run

npm run start

Libraries Used for Scraping

• cheeriojs/cheerio

• MattMcFarland/SUq