Security News
New Proposed CISA Mandate Would Require Critical Infrastructure to Report Ransom Payments Within 24 Hours
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
next-manifest
Advanced tools
Next.js plugins for Web Manifest and PWA
Weekly downloads
Readme
Next.js plugin for Web Manifest and PWA
worker_threads
is not supported on now platform.npm install --save next-manifest
or
yarn add next-manifest
// next.config.js
const withManifest = require('next-manifest');
const defaults = {
// next-manifest options
outout: './static'/',
// manifest options
name: 'PWA',
icons: [
{
"src": "/static/icons/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/static/icons/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}
module.exports = withManifest({
manifest: {
...defaults
}
});
After build is over without errors, manifest.json
will be created at output
Web manifest must be declared in your HTML pages using a link tag at the head of your document. Not only manifest link, also both of meta
, viewport
and theme-color
will be needed for your PWA, like below:
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<link rel="manifest" href="/static/manifest/manifest.json" />
for your convenience, this plugin supports Manifest
component. You can place Manifest
component under <Head>
component in _document.js
with props.
// pages/_document.js
import Manifest from 'next-manifest/manifest'
<Head>
<Manifest />
</Head>
if you want to update the values in tags, pass the content and href value to the component
// pages/_document.js
import Manifest from 'next-manifest/manifest'
<Head>
<Manifest
// path for manifest will be deploying
href='/static/manifest/manifest.json'
// color for `theme-color`
themeColor='#F0F0F0'
// scale for `viewport` meta tag
initialScale='1'
/>
</Head>
See the example project to understand.
MIT © Jimmy Moon
FAQs
Next.js plugins for Web Manifest and PWA
The npm package next-manifest receives a total of 198 weekly downloads. As such, next-manifest popularity was classified as not popular.
We found that next-manifest demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
CISA has proposed a set of new rules that would require critical infrastructure to report cyber incidents and ransom payments.
Security News
Redis is no longer OSS, breaking its explicit commitment to remain under the BSD 3-Clause License forever. This has angered contributors who are now working to fork the software.
Product
Socket AI now enables 'AI detected potential malware' alerts by default, ensuring users benefit from AI-powered state-of-the-art malware detection without needing to opt-in.