qyg2297248353/svgl
qyg2297248353/svgl
1
0
Fork 0
mirror of https://github.com/pheralb/svgl.git synced 2024-09-20 11:16:19 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

⚒️ Add PWA config & meta tags.

Browse Source
This commit is contained in:
pheralb 2022-06-21 15:17:47 +01:00
parent cd00edb6e6
commit 88e36011f9
2 changed files with 79 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
next.config.js
View File

@ -1,6 +1,12 @@
/** @type {import('next').NextConfig} */ /** @type {import('next').NextConfig} */
const nextConfig = { const withPWA = require("next-pwa");
reactStrictMode: true,
}
module.exports = nextConfig module.exports = withPWA({
reactStrictMode: true,
pwa: {
dest: "public",
register: true,
skipWaiting: true,
disable: process.env.NODE_ENV === "development",
},
});

70
src/pages/_document.tsx
View File

@ -6,7 +6,75 @@ export default class Document extends NextDocument {
render() { render() {
return ( return (
<Html lang="en"> <Html lang="en">
<Head /> <Head>
<meta name="application-name" content="svgl" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="default"
/>
<meta name="apple-mobile-web-app-title" content="svgl" />
<meta
name="description"
content="A beautiful library with SVG logos."
/>
<meta name="format-detection" content="telephone=no" />
<meta name="mobile-web-app-capable" content="yes" />
<meta
name="msapplication-config"
content="/icons/browserconfig.xml"
/>
<meta name="msapplication-TileColor" content="#4343E5" />
<meta name="msapplication-tap-highlight" content="no" />
<meta name="theme-color" content="#4343E5" />
<link rel="apple-touch-icon" href="/icons/touch-icon-iphone.png" />
<link
rel="apple-touch-icon"
sizes="152x152"
href="/icons/apple-touch-icon-152x152.png"
/>
<link
rel="apple-touch-icon"
sizes="180x180"
href="/icons/apple-touch-icon-180x180.png"
/>
<link
rel="apple-touch-icon"
sizes="114x114"
href="/icons/apple-touch-icon-114x114.png"
/>
<link
rel="icon"
type="image/png"
sizes="32x32"
href="/icons/logo.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="/icons/logo.png"
/>
<link rel="shortcut icon" href="/icons/icon.ico" />
<link rel="manifest" href="/manifest.json" />
<link rel="mask-icon" href="/images/svgl.svg" color="#4343e5" />
<meta name='twitter:card' content='summary' />
<meta name='twitter:url' content='https://svgl.vercel.app/' />
<meta name='twitter:title' content='svgl' />
<meta name='twitter:description' content='A beautiful library with SVG logos.' />
<meta name='twitter:image' content='https://svgl.vercel.app/images/banner.png' />
<meta name='twitter:creator' content='@pheralb_' />
<meta property='og:type' content='website' />
<meta property='og:title' content='svgl' />
<meta property='og:description' content='A beautiful library with SVG logos.' />
<meta property='og:site_name' content='svgl' />
<meta property='og:url' content='https://svgl.vercel.app/' />
<meta property='og:image' content='https://svgl.vercel.app/icons/apple-touch-icon-180x180.png' />
</Head>
<body> <body>
<ColorModeScript initialColorMode={theme.config.initialColorMode} /> <ColorModeScript initialColorMode={theme.config.initialColorMode} />
<Main /> <Main />