microlink logo

Turn syntax.fm into structured data

Microlink SDK

Make your content attractive

Microlink SDK converts syntax.fm links into beautiful previews, engaging better your links.

large

const mql = require('@microlink/mql')

module.exports = props => {

  const { status, data } = await mql('https://syntax.fm/show/180/potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-components', {
    video: true,
    audio:true,
    palette: true,
    iframe: true,
    ...props
  })
}

normal

const mql = require('@microlink/mql')

module.exports = props => {

  const { status, data } = await mql('https://syntax.fm/show/180/potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-components', {
    video: true,
    audio:true,
    palette: true,
    iframe: true,
    ...props
  })
}

small

const mql = require('@microlink/mql')

module.exports = props => {

  const { status, data } = await mql('https://syntax.fm/show/180/potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-components', {
    video: true,
    audio:true,
    palette: true,
    iframe: true,
    ...props
  })
}

Features

Capabilities under the hood.

  • Background Refresh
    Stale revalidation, keeping things fresh and always up to date via ttl, reflecting any change on the target URL.
  • Unified Metadata
    Normalized from Open Graph, JSON+LD or HTML markup, such as author, images, colors, dates, lang, etc.
  • Caching Level
    Using Microlink CDN to deliver a different resource each time the query string changes.
  • Color Detection
    Get predominant and complementary colors per every image detected.
  • Contextual Data
    Get more from any data, expanding it to get extra useful information.
  • Media Detection
    Get the original source of any image, video or audio.
  • Native Embeds
    Using oEmbed to get the embedded representation of any URL.
  • Prerender Ready
    Cloud based solution with superior operational performance.
  • Cloud Browsing
    Fast, scalable, and reliable browser automation.
  • Background Refresh
    Stale revalidation, keeping things fresh and always up to date via ttl, reflecting any change on the target URL.
  • Unified Metadata
    Normalized from Open Graph, JSON+LD or HTML markup, such as author, images, colors, dates, lang, etc.
  • Caching Level
    Using Microlink CDN to deliver a different resource each time the query string changes.
  • Color Detection
    Get predominant and complementary colors per every image detected.
  • Contextual Data
    Get more from any data, expanding it to get extra useful information.
  • Media Detection
    Get the original source of any image, video or audio.
  • Native Embeds
    Using oEmbed to get the embedded representation of any URL.
  • Prerender Ready
    Cloud based solution with superior operational performance.
  • Cloud Browsing
    Fast, scalable, and reliable browser automation.

Microlink API

Build APIs from websites

Microlink Query Language (MQL) is a programmatic way to getting content from any URL.

Using MQL (docs)

const mql = require('@microlink/mql')

module.exports = props => {

  const { status, data } = await mql('https://syntax.fm/show/180/potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-components', {
    video: true,
    audio:true,
    palette: true,
    iframe: true,
    ...props
  })
}

Using Microlink CLI (docs)

$ microlink-api https://syntax.fm/show/180/potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-components
{
  "title": "Potluck - Why Webpack? × Serverless × Agencies × Recruiters × CSS Grid × MQ in Styled Components — Syntax Podcast 180",
  "description": "Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.",
  "lang": "en",
  "author": null,
  "publisher": "syntax.fm",
  "image": {
    "url": "https://cdn.microlink.io/data/assets/syntax.fm!show!180!potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-componen/syntax.fm!static!syntax-banner.png.png",
    "type": "png",
    "size": 292850,
    "height": 675,
    "width": 1200,
    "size_pretty": "293 kB",
    "palette": [
      "#F0C05C",
      "#D4AA52",
      "#584424",
      "#827551",
      "#7A5C1E",
      "#695938"
    ],
    "background_color": "#F0C05C",
    "color": "#624A18",
    "alternative_color": "#674E19"
  },
  "audio": {
    "url": "https://cdn.microlink.io/data/assets/syntax.fm!show!180!potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-componen/hwcdn.libsyn.com!p!6!7!a!67a6096ea4360aed!Syntax180.mp3!c_id=52091426&cs_id=52091426&expiration=1578",
    "type": "mp3",
    "duration": 3558.868438,
    "size": 60761415,
    "height": 1800,
    "width": 1800,
    "duration_pretty": "59m",
    "size_pretty": "60.8 MB"
  },
  "url": "https://syntax.fm/show/180/potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-components",
  "iframe": null,
  "date": "2020-01-11T10:43:59.000Z",
  "logo": {
    "url": "https://cdn.microlink.io/data/assets/syntax.fm!show!180!potluck-why-webpack-serverless-agencies-recruiters-css-grid-mq-in-styled-componen/syntax.fm!static!favicon.png.png",
    "type": "png",
    "size": 18255,
    "height": 200,
    "width": 200,
    "size_pretty": "18.3 kB",
    "palette": [
      "#E8B95A",
      "#F4C45C",
      "#947C44",
      "#AB8D4C",
      "#8F6509",
      "#514836"
    ],
    "background_color": "#E8B95A",
    "color": "#654806",
    "alternative_color": "#FFFFFF"
  },
  "video": null,
  "screenshot": {
    "url": "https://cdn.microlink.io/screenshot/syntaxfm.png"
  }
}