Fix PWA setup

2021-02-20 20:41:49 +02:00
parent 1d9365ea31
commit 777db1412b
68 changed files with 236 additions and 2261 deletions
@@ -36,5 +36,3 @@ yarn-error.log*

 # vercel
 .vercel
-
-/public/favicons/
@@ -1,5 +1,3 @@
-const FaviconsWebpackPlugin = require("favicons-webpack-plugin");
-
 const withBundleAnalyzer = require("@next/bundle-analyzer")({
  enabled: process.env.ANALYZE === "true",
 });
@@ -16,15 +14,4 @@ module.exports = withBundleAnalyzer({
      "placehold.it"
    ],
  },
-  webpack: (config) => {
-    config.plugins.push(
-      new FaviconsWebpackPlugin({
-        logo: "./public/favicon.png",
-        outputPath: "../public/favicons",
-        prefix: "/favicons",
-        inject: false
-      })
-    );
-    return config;
-  }
 });
@@ -72,7 +72,6 @@
    "@next/bundle-analyzer": "10.0.5",
    "axios": "0.21.1",
    "date-fns": "2.0.0-alpha.27",
-    "favicons-webpack-plugin": "4.2.0",
    "js-cookie": "2.2.0",
    "lodash": "4.17.20",
    "next": "10.0.5",
@@ -0,0 +1,15 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square70x70logo src="/favicons/mstile-70x70.png"/>
+            <square150x150logo src="/favicons/mstile-150x150.png"/>
+            <wide310x150logo src="/favicons/mstile-310x150.png"/>
+            <square310x310logo src="/favicons/mstile-310x310.png"/>
+            <TileColor>#fff</TileColor>
+
+        </tile>
+
+    </msapplication>
+
+</browserconfig>
@@ -0,0 +1,65 @@
+{
+  "name": "Aalto-yliopiston Sähköinsinöörikilta ry",
+  "short_name": "SIK",
+  "description": "Aalto-yliopiston Sähköinsinöörikilta ry:n nettisivut",
+  "dir": "auto",
+  "lang": "en-US",
+  "display": "standalone",
+  "orientation": "any",
+  "start_url": "/?homescreen=1",
+  "background_color": "#fff",
+  "theme_color": "#fff",
+  "icons": [
+    {
+      "src": "/favicons/android-chrome-36x36.png",
+      "sizes": "36x36",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-48x48.png",
+      "sizes": "48x48",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-72x72.png",
+      "sizes": "72x72",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-96x96.png",
+      "sizes": "96x96",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-144x144.png",
+      "sizes": "144x144",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-256x256.png",
+      "sizes": "256x256",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-384x384.png",
+      "sizes": "384x384",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    },
+    {
+      "src": "/favicons/maskable_icon_x1.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any maskable"
+    }
+  ]
+}
@@ -0,0 +1,10 @@
+{
+  "version": "0.1.0",
+  "name": "Aalto-yliopiston Sähköinsinöörikilta ry",
+  "description": "Aalto-yliopiston Sähköinsinöörikilta ry:n nettisivut",
+  "icons": {
+    "60": "/favicons/firefox_app_60x60.png",
+    "128": "/favicons/firefox_app_128x128.png",
+    "512": "/favicons/firefox_app_512x512.png"
+  }
+}
@@ -0,0 +1,9 @@
+{
+  "version": "0.1.0",
+  "api_version": 1,
+  "layout": {
+    "logo": "/favicons/yandex-browser-50x50.png",
+    "color": "#fff",
+    "show_title": true
+  }
+}
@@ -128,15 +128,11 @@ const Web20App = ({ Component, pageProps }: AppProps) => (
    <Head>
      <meta httpEquiv="Content-Type" content="text/html; charset=utf-8" />
      <link href="https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,800,900&display=swap" rel="stylesheet" />
-      <link rel="icon" href="/favicon.png" />
      <meta httpEquiv="X-UA-Compatible" content="IE=edge" />
      <meta name="viewport" content="width=device-width, initial-scale=1" />
      <title>Aalto-yliopiston Sähköinsinöörikilta ry</title>
      <meta name="description" content="Aalto-yliopiston Sähköinsinöörikilta ry on Otaniemessä vaikuttava opiskelijajärjestö, joka on perustettu vuonna 1921. Kilta järjestää kaikenlaista toimintaa liittyen opintoihin ja vapaa-ajan viettoon." />
      <meta name="keywords" content="SIK AYY" />
-      {/* <link rel="manifest" href="/manifest.json" /> */}
-      {/* <link rel="apple-touch-icon" href="/logo192.png" /> */}
-      {/* <meta name="theme-color" content={theme.colors.darkBlue2} /> */}
    </Head>
    <GlobalCommonStyles />
    <AppContainer>