next-useragent

next-useragent

next-useragent parses browser user-agent strings

Installation

$ npm install next-useragent

Usage

next-useragent comes with parse which takes a NextContext and returns UserAgent instance. Example usage:

import React from 'react'
import { UserAgentType, parse } from '@tokuda109/next-useragent'

interface Props {
  ua: UserAgentType
}

export default class IndexPage extends React.Component<Props> {

  static async getInitialProps(ctx) {
    const ua = parse(ctx)

    return { ua }
  }

  render() {
    const { ua } = this.props

    return (
      <ul>
        <li>{ ua.source }</li>
        <li>{ ua.device }</li>
        <li>{ ua.deviceVersion }</li>
        <li>{ ua.os }</li>
        <li>{ ua.osVersion }</li>
        <li>{ ua.browser }</li>
        <li>{ ua.browserVersion }</li>
      </ul>
    )
  }
}

License

next-useragent is licensed under MIT License. See LICENSE for more information.