Skip to content

[Content]: Request to add short tutorial for adding service workers. #929

Closed
@MengLinMaker

Description

@MengLinMaker

📚 Subject area/topic

Service Worker

📋 Page(s) affected (or suggested, for new content)

/solid-start/reference/entrypoints/entry-client.mdx

📋 Description of content that is out-of-date or incorrect

You can register service workers in entry-client.tsx

Here's how you create a service worker with raw JavaScript:
Write service worker file and place this in the public folder. eg public/sw.js
In entry-client.tsx, register your service worker:

import { StartClient, mount } from '@solidjs/start/client'

if ('serviceWorker' in navigator) {
  navigator.serviceWorker.register('/sw.js', { scope: '/' }).then(
    (registration) => {
      console.log('Service worker registration succeeded:', registration)
    },
    (error) => {
      console.error(`Service worker registration failed: ${error}`)
    },
  )
} else {
  console.error('Service workers are not supported.')
}

mount(() => <StartClient />, document.getElementById('app')!)

Now the service worker should apply to all paths after /

🖥️ Reproduction in StackBlitz (if reporting incorrect content or code samples)

No response

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions