A website to display compatible browsers from browserslist string.

You can pass additional parameters in the URL to show a predefined list of browsers. If you pass the parameters as ?ref=pspdfkit&version=2020.4.0, the website will show data from data/pspdfkit/2020.4.0.json. The JSON file stores data in the following format:

interface JSON {
  // list of supported browsers
  supportedBrowsers: string[];
  // browserslist configuration
  config: string[];
  // Title of the page. You can enter a HTML string
  title: string;
  // version of browserslist
  browserslist: string;
  // version of caniuse-lite used to generate data
  caniuse?: string;
}

You can see a sample JSON file here.

All the data present in the JSON files is present in the props of the main React Component. This is possible because of the SSG capabilities of Next.js.

• Clone the repo
• Run the development build: yarn dev

MIT