@elken/next-offline/tests/pages/index.js

<h1 align="center"> next-offline </h1>

import React from 'react'
import Link from 'next/link'

import { register, unregister } from 'next-offline/runtime'

const App = () => {
  return (
    <>
      <h1 className="title">tests</h1>

      <button onClick={() => register()}>register</button>
      <button onClick={() => unregister()}>unregister</button>

      <style jsx>{`
        body {
          font-family: sans-serif;
          width: 100%;
          color: #333;
          margin: 0 auto;
          padding: 0 20px;
        }
        .title {
          margin: 20px 0;
          width: 100%;
        }
      `}</style>
    </>
  )
}

export default App