Security News
tea.xyz Spam Plagues npm and RubyGems Package Registries
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
next-manifest
Advanced tools
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 71 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
Tea.xyz, a crypto project aimed at rewarding open source contributions, is once again facing backlash due to an influx of spam packages flooding public package registries.
Security News
As cyber threats become more autonomous, AI-powered defenses are crucial for businesses to stay ahead of attackers who can exploit software vulnerabilities at scale.
Security News
UnitedHealth Group disclosed that the ransomware attack on Change Healthcare compromised protected health information for millions in the U.S., with estimated costs to the company expected to reach $1 billion.