embedify

• 

  example usage via iframe embedding

Inspiration

Discord embeds of youtube and github

What it does

It is a web api that you can ping with any supported URL, and it'll return a webpage that embeds any critical content of the URL. The goal is to do this for many URLs that are not only generally useful like youtube, but for URLs that are more domain-specific like Oracle's JDK Javadoc's in order to improve the end user experience for developers and businesses.

How we built it

On react with next.js and using the Serp API for google results

Challenges we ran into

New to next.js and typescript as a whole

Accomplishments that we're proud of

• Google embed via SerpAPI
• Decent code for a typescript beginner
• Javadoc Embed via DOM parsing

What we learned

• React & NextJS
  • SSR w/ NextJS
  • web API usage in typescript

What's next for embedify

Cleaner embeds, themes & query settings

Built With

• css
• git
• github
• nextjs
• react
• typescript