Making NextJS14 PWA App
Unanswered
Adam Mahameed posted this in #help-forum
I am trying to make PWA using this tutorial https://nextjs.org/docs/app/building-your-application/configuring/progressive-web-apps#creating-a-pwa-with-nextjs , I expect the doing manifest part 1. to provide me with PWA ability no? as I dont want to implement web push notifications
I created app/manifest.ts and added all required favicons to public/icons folder and ran https server but I dont see PWA install ability
What am I missing? Additionally I added tags to the <head> as suggested in [favicon generators](https://realfavicongenerator.net/) (Generator mentioned in PWA Docs)
manifest.ts looks like this:
I created app/manifest.ts and added all required favicons to public/icons folder and ran https server but I dont see PWA install ability
What am I missing? Additionally I added tags to the <head> as suggested in [favicon generators](https://realfavicongenerator.net/) (Generator mentioned in PWA Docs)
manifest.ts looks like this:
export default function manifest(): MetadataRoute.Manifest {
return {
name: 'SP',
short_name: 'SP',
icons: [
{
src: '/icons/web-app-manifest-192x192.png',
sizes: '192x192',
type: 'image/png',
purpose: 'maskable',
},
{
src: '/icons/web-app-manifest-512x512.png',
sizes: '512x512',
type: 'image/png',
purpose: 'maskable',
},
],
theme_color: '#226ceb',
background_color: '#226ceb',
display: 'standalone',
};
}