How to make an Open Graph Scraper (Node, XPath, JavaScript)

In this tutorial, you're going to learn how to make an open graph scraper using Node, XPath and a VanillaJS front-end.

01:41 App Setup
04:57 Back end
14:07 Front end

— Follow Me —
— Thanks! —

The Node server will also parse our open graph data with XPath and reconstruct the data in to a JavaScript object which we can then send to the client as JSON data.

Our VanillaJS front-end will consume the response from our API endpoint and we'll display the open graph data using a simple front-end.

This might not be the kind of app that you create as a standalone project but there might be a need in a larger application to parse some data from an external web page and you can certainly use these principals of using an open graph scraper to get data from a web page into an object to be used in either your server side or client side code.

#fullstackapps Channel Handle @codebubb

[lakeman]

great work, a git hub repo to this would be very nice.

[joshuafoxworth]

Awesome video. Any reason why I would still be getting a cors error even though I duplicated what you are doing here?

[gokulnair]

Hi James, thank you for the video. Can you make a playlist on basic react and its fundamentals? your explanations are very simple and powerful.

[ptprashanttripathi]

Is there any way to fatch og: data of any url by using just vanila JavaScript

[aigner]

Can you post the code to github or somewhere else?

[ergonautilus]

It's not vanilla JavaScript if it relies on NPM.