Product Brief #4:
SDK v2 & More Video Providers

April 11, 2018 (5 years ago)

Microlink SDK

Release 2.0

We are happy to introduce the SDK 2.0, the easiest way to add link previews in your website without effort.

The version 2.0 introduce a breaking change: It removes the round property from the API Parameters that you can pass for customize the card preview.

The property round was related with apply a border-radius around your preview card.

We decide make this little change in order the reduce the number of configurable API Parameters.

But you can still extend the default style using CSS.

For example, let's create a link preview for

browserless

project using custom border-radius style.

React

Using @microlink/react just pass your custom CSS as style property:


import Microlink from '@microlink/react'

<Microlink
  image='logo'
  url='https://browserless.js.org'
  style={{ borderRadius: '.42857em' }}
/>

Read more about styling in documentation.

Vanilla

The vanilla version can apply the custom style using the class names shipped with the component:


<style>
.microlink_card {
  border-radius: .42857em;
}
</style>

<a href="https://browserless.js.org" data-media='logo' class="card-preview"></a>

<script>
  document.addEventListener("DOMContentLoaded", function(event) {
    microlink('.card-preview')
  });
</script>

Read more about styling at documentation.

Microlink API

Video detection

In this product sprint we focused on improving our video property added into our API in the previous product brief.

We extended the original idea, adding support for detecting more video providers. The most popular internet sites are covered, such as

Amazon

Facebook

Instagram

Twitter

Vimeo

YouTube

and

a lot, lot more

Join the community

All of these improvements or features are community driven: We listen to your feedback and act accordingly.

Whether you are are building a product and you need fancy previews, you’re an indie hacker or simply you like frontend stuff, come chat with us 🙂.