This website is a valid JSON!
Hello everyone,
I created a simple script that allows a website to be a valid JSON and still be able to present the information on the browser. Check it out:
Web Data Render - https://webdatarender.com
It's free to use (although it is a little technical). Any feedback is appreciated!
This is a surprisingly cool thing. I would LOVE for all online shopping or travel/accommodation booking sites to be in raw JSON format like this. Would be so much easier to syndicate or pull content for price comparisons etc.
Then again, I guess none of them ARE in an easily consumable data format in case people syndicate or pull content for price comparisons etc. 😄
Hi Devan, you nailed the most important aspect of WDR: connect websites through data. It would be awesome if we were able to connect easily and pull the information we need from any website.
I think that this fear of share information will give an advantage to others that don't.
Neato! Will this be faster than say a "regular" web page? Will users create content directly in JSON or will be there be an easier way to type out content?
Hello Corinn, I'm creating a blog platform around this concept, so it will be possible to create the content on an editor, instead of JSON. I will have a MVP in the next days!
I think it will be faster than a regular page, but the main advantage is the ability to easily connect with other websites using javascript.
For example, if Speckled expose a page with the roadmap in JSON, it could be captured for other interested on this information directly, and still be able to see a beautiful page with the roadmap formatted in HTML. It would be, probably, the first roadmap tool to do this. WDR is free to use and open source.
Did you make some tests, how pages with json structure would rank on search engines?
Not exactly on search but I used the mobile-friendly tool of Google and Bing, and it rendered perfectly.
Seems cool to fetch whole data of a page via GraphQL and render it by WDR!
Amazing! 😮
This is very cool... wonder if you can make it convert standard html/css to JSON. Also curious on the performance hit from rendering via this compared to just a static site (I know this is technically static but I mean one with the exact same content with vanilla html/css and no js)
Wait, so the HTML is provided by the browser?
All the rendering is made by the render script on the bottom of the page. The JSON is supposed to be only pure data.
Ok Im missing the point then. It's like pulling data from a database (flatfile), rendering it on the server-side and then pushing it over to a hosting cloud?
No, the JSON is read for the script directly on the browser. The render receives the JSON and creates the HTML. The page is all static.
You can check the source on https://github.com/webdatarender/wdr-loader to see how it is done. It is quite simple.
GitHub repo? 😄
hi Brayden, it is all on GitHub: the loader, the basic render, and the website. Check it out.
Thanks!