feat: add webmanifest (#81)

inabagumi · Dec 12, 2019 · 67fdc3e · 67fdc3e
1 parent bfaa789
commit 67fdc3e
Show file tree

Hide file tree

Showing 6 changed files with 45 additions and 5 deletions.
diff --git a/now.json b/now.json
@@ -9,6 +9,13 @@
   "name": "inaba-jinja",
   "regions": ["hnd1", "sfo1"],
   "routes": [
+    {
+      "continue": true,
+      "headers": {
+        "content-type": "application/manifest+json"
+      },
+      "src": ".*\\.webmanifest"
+    },
     {
       "continue": true,
       "headers": {

diff --git a/public/manifest.webmanifest b/public/manifest.webmanifest
@@ -0,0 +1,23 @@
+{
+  "background_color": "#fafafa",
+  "description": "因幡神社は因幡はねる様をご祭神としてお祀りする東京都北区赤羽のどこかにある神社です。",
+  "display": "minimal-ui",
+  "icons": [
+    {
+      "sizes": "192x192",
+      "src": "/images/favicon-192x192.png",
+      "type": "image/png"
+    },
+    {
+      "sizes": "512x512",
+      "src": "/images/favicon-512x512.png",
+      "type": "image/png"
+    }
+  ],
+  "lang": "ja",
+  "name": "因幡神社",
+  "scope": "/",
+  "short_name": "因幡神社",
+  "start_url": ".",
+  "theme_color": "#ff5722"
+}
diff --git a/src/locales/en.json b/src/locales/en.json
@@ -1,12 +1,12 @@
 [
-  {
-    "id": "app.open_drawer",
-    "defaultMessage": "Open drawer"
-  },
   {
     "id": "app.title",
     "defaultMessage": "Inaba Jinja"
   },
+  {
+    "id": "app.open_drawer",
+    "defaultMessage": "Open drawer"
+  },
   {
     "id": "home.description"
   }

diff --git a/src/locales/ja.json b/src/locales/ja.json
@@ -1,5 +1,5 @@
 {
   "app.open_drawer": "メニューを開く",
   "app.title": "因幡神社",
-  "home.description": "因幡神社は因幡はねる様をご祭神としてお祀りする東京都北区赤羽のどこかにある神社です。"
+  "home.description": "因幡神社は東京都北区赤羽のどこかにある神社です。因幡はねる様をご祭神としてお祀りしています。"
 }
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -13,6 +13,8 @@ const MyApp: FC<AppProps> = ({ Component, pageProps }) => {
     <IntlProvider locale="ja" messages={messages}>
       <ThemeProvider theme={theme}>
         <Head>
+          <meta content="#ff5722" name="theme-color" />
+          <link href="/manifest.webmanifest" rel="manifest" />
           <link
             href="/images/favicon-192x192.png"
             rel="icon"

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -9,6 +9,10 @@ import Hero from '../components/molecules/Hero'
 import Page from '../layouts/Main'
 
 const messages = defineMessages({
+  description: {
+    defaultMessage: '',
+    id: 'home.description'
+  },
   title: {
     defaultMessage: 'Inaba Jinja',
     id: 'app.title'
@@ -36,6 +40,10 @@ const Home: NextPage = () => {
     <>
       <Head>
         <title>{intl.formatMessage(messages.title)}</title>
+        <meta
+          content={intl.formatMessage(messages.description)}
+          name="description"
+        />
       </Head>
 
       <Page hideHeader>