feature: PWA add-on using Vite PWA Plugin in create-tsrouter-app

[FatahChan]

Setup PWA, with https://vite-pwa-org.netlify.app/

[schiller-manuel]

what's missing for that?

[FatahChan]

probably just need to add a plug in vite config

[el-buku]

problem is the vite config it's pretty complicated and it's very easy to shoot yourself in the foot with it.
an opinionated setup behind a simple config flag would work wonders

[schiller-manuel]

sounds like you "just" need an example project then?

[el-buku]

Pretty much? Been having problems with integrating the plugin in a non tanstack app, cache would not update with new deployments, stuff like that, so yeah, if anybody has a tanstack/start project with vite-pwa correctly configured would love to take a peek

[kaushalyap]

Some guide like https://nextjs.org/docs/app/building-your-application/configuring/progressive-web-apps would be helpful.

[dannylin108]

TanStack Start current build process is not compatible with vite-pwa-plugin as I understand. After adding it into app.config.ts even /manifest.webmanifest is 404ed, not to speak about service worker

export default defineConfig({
  vite: {
    plugins: [
      tsConfigPaths({
        projects: ['./tsconfig.json'],
      }),
      VitePWA({
        registerType: 'autoUpdate',
        devOptions: {
          enabled: true
        },
        manifest: {
          name: 'My Awesome App',
          short_name: 'MyApp',
          description: 'My Awesome App description',
          theme_color: '#ffffff'
        }
      })
    ],
  },
}) 

[FatahChan]

I am talkibt mode for spa, with just the router