Skip to content

Commit

Permalink
improve pwa
Browse files Browse the repository at this point in the history
  • Loading branch information
Aldhanekaa committed Apr 24, 2021
1 parent bb94c59 commit 02d950b
Show file tree
Hide file tree
Showing 4 changed files with 242 additions and 5 deletions.
9 changes: 9 additions & 0 deletions next.config.js
Original file line number Diff line number Diff line change
Expand Up @@ -54,6 +54,15 @@ const nextConfig = {

module.exports = withPlugins(
[
[
withPWA,
{
pwa: {
disable: process.env.NODE_ENV === 'development',
dest: 'public',
},
},
],
[
withCss,
[
Expand Down
55 changes: 52 additions & 3 deletions pages/_app.js
Original file line number Diff line number Diff line change
@@ -1,7 +1,56 @@
import '../styles/globals.css'
import '../styles/globals.css';

import { DefaultSeo } from 'next-seo';
import Head from 'next/head';
import { AppProps } from 'next/app';
import React, { useEffect } from 'react';

function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />
return (
<>
<Head>
<meta name='viewport' content='width=device-width,initial-scale=1' />
{/* <meta
name='google-site-verification'
content={
gtag.GOOGLE_VERIF || '-yo'
}
/> */}

<meta name='yandex-verification' content='356dad746d43cc34' />

<meta name='theme-color' content='#f0efeb' />

<link rel='icon' type='image/x-icon' href='/favicon.ico' />
<link rel='icon' type='image/png' href='/favicon.png'></link>

<title>Madrasah Tsanawiyah Techno Natura Depok</title>
<meta
name='description'
content='Website Madrasah Tsanawiyah Techno Natura'
/>
<link
rel='stylesheet'
href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.1.1/css/all.css'
/>
</Head>

<style jsx global>{`
html {
font-family: 'Roboto', sans-serif;
scroll-behavior: smooth;
scroll-behavior: smooth;
}
`}</style>

<DefaultSeo />
{/* <ProgressLoad /> */}

<Component {...pageProps} />

{/* <Footer /> */}
</>
);
}

export default MyApp
export default MyApp;
129 changes: 129 additions & 0 deletions pages/_document.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,129 @@
import Document, { Html, Head, Main, NextScript } from 'next/document';
// import { GA_TRACKING_ID } from '../utils/gtag';
import React from 'react';

export default class MyDocument extends Document {
render() {
return (
<Html lang='en'>
<Head>
<meta charSet='utf-8' />
<script
type='text/javascript'
async
src='https://www.google-analytics.com/analytics.js'
></script>
{/* <script
dangerouslySetInnerHTML={{
__html: `
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer',${GA_TRACKING_ID});
`,
}}
></script> */}
<link rel='icon' href='/favicon.ico' />
<link rel='apple-touch-icon' href='/logo192-apple-touch.png' />
<meta name='application-name' content='windmill dashboard' />
<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='windmill dashbord react'
/>
<meta name='description' content='Windmill Dashboard' />
<meta name='format-detection' content='telephone=no' />
<meta name='mobile-web-app-capable' content='yes' />
<meta name='theme-color' content='#FFFFFF' />
{/* TIP: set viewport head meta tag in _app.js, otherwise it will show a warning */}
{/* <meta name='viewport' content='minimum-scale=1, initial-scale=1, width=device-width, shrink-to-fit=no, viewport-fit=cover' /> */}

<link
rel='apple-touch-icon'
sizes='180x180'
href='/apple-touch-icon.png'
/>
<link rel='manifest' href='/manifest.json' />
<link rel='shortcut icon' href='/favicon.ico' />

{/* <script
async
src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
/> */}
{/* <script
dangerouslySetInnerHTML={{
__html: `
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '${GA_TRACKING_ID}', {
page_path: window.location.pathname,
});
`,
}}
/> */}

<meta
name='keywords'
content='windmill dashboard nextjs,windmill dashboard,windmill ui'
/>
<meta name='geo.region' content='ID' />
<meta name='geo.placename' content='Depok, Jawa Barat, Indonesia.' />
<link rel='shortlink' href={process.env.PUBLIC_URL} />
<link rel='canonical' href={process.env.PUBLIC_URL} />

<meta name='og:url' content={process.env.PUBLIC_URL} />
<meta name='og:type' content='website' />

<meta name='og:image' content='/open-graph/og-img-small.png' />
<meta
property='og:image:alt'
content='Windmill Dash Log Open Graph Big Version'
/>
<meta property='og:image:width' content='1280' />
<meta property='og:image:height' content='640' />

<meta
property='og:image:alt'
content='Windmill Dashboard Application Log Open Graph Small Version'
/>
<meta property='og:image:width' content='512' />
<meta property='og:image:height' content='512' />
<meta property='og:site_name' content='Windmill Dashboard' />

<meta name='cannonical' content={process.env.PUBLIC_URL} />

<link
rel='stylesheet'
href='https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap'
/>
<link
rel='stylesheet'
href='https://fonts.googleapis.com/icon?family=Material+Icons'
/>
</Head>
<body>
<noscript
dangerouslySetInnerHTML={{
__html: `
<iframe
src="https://www.googletagmanager.com/ns.html?id=GTM-MGMF2TJ"
height="0"
width="0"
style="display: none; visibility: hidden"
></iframe>
`,
}}
></noscript>
<Main />
<NextScript />
</body>
</Html>
);
}
}
54 changes: 52 additions & 2 deletions public/manifest.json
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
{
"short_name": "Windmill",
"name": "Windmill Dashboard React",
"name": "Windmill Dashboard Nextjs",
"description": "Windmill Open Source Dashboard",
"icons": [
{
"src": "favicon.ico",
Expand All @@ -16,9 +17,58 @@
"src": "logo512.png",
"type": "image/png",
"sizes": "512x512"
},
{
"src": "/logo72-manifest.png",
"sizes": "72x72",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo96-manifest.png",
"sizes": "96x96",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo128-manifest.png",
"sizes": "128x128",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo144-manifest.png",
"sizes": "144x144",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo152-manifest.png",
"sizes": "152x152",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo192-manifest.png",
"sizes": "192x192",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo384-manifest.png",
"sizes": "384x384",
"type": "image/png",
"purpose": "any maskable"
},
{
"src": "/logo512-manifest.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "any maskable"
}
],
"start_url": ".",
"scope": "/",
"start_url": "/",
"display": "standalone",
"theme_color": "#000000",
"background_color": "#ffffff"
Expand Down

0 comments on commit 02d950b

Please sign in to comment.