deploy to GitHub Pages

Author: pwfisher

explorer/components/DrawingTile.tsx

@@ -1,14 +1,15 @@
 import React from 'react'
 import { Drawing } from '../types/drawing-models'
 import styled from 'styled-components'
+import { assetPrefix } from '../lib/assetPrefix'
 
 export const DrawingTile: React.FC<Drawing> = ({ date, title, slug, image }) => {
   return (
     <Container>
       <Date>{date}</Date>
       <Title>{title}</Title>
       <a href={`http://explodingdog.com/title/${slug}.html`} target='_blank'>
-        <Image src={`/images/${image}`} alt={title} />
+        <Image src={`${assetPrefix}/images/${image}`} alt={title} />
       </a>
     </Container>
   )

explorer/components/PageLayout.tsx

@@ -2,6 +2,7 @@ import React, { ReactNode } from 'react'
 import Head from 'next/head'
 import { PageHeader } from './PageHeader'
 import { PageFooter } from './PageFooter'
+import { assetPrefix } from '../lib/assetPrefix'
 
 type Props = {
   children?: ReactNode
@@ -19,11 +20,11 @@ export const PageLayout = ({
       <title>{title}</title>
       <meta charSet="utf-8" />
       <meta name="viewport" content="initial-scale=1.0, width=device-width" />
-      <link rel="icon" href="/favicon.ico" />
-      <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
+      <link rel="icon" href={`${assetPrefix}/favicon.ico`} />
+      <link rel="apple-touch-icon" href={`${assetPrefix}/apple-touch-icon.png`} />
       <meta name="theme-color" content="#000000" />
       <meta name="description" content={description} />
-      <link rel="manifest" href="/manifest.json" />
+      <link rel="manifest" href={`${assetPrefix}/manifest.json`} />
     </Head>
     <PageHeader />
     {children}

explorer/lib/assetPrefix.ts

@@ -0,0 +1 @@
+export const assetPrefix = '/explodingdog'

explorer/next.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  trailingSlash: true,
+  basePath: '/explodingdog',
+  assetPrefix: '/explodingdog/',
+}

explorer/package.json

@@ -6,8 +6,9 @@
   "license": "MIT",
   "scripts": {
     "dev": "next",
-    "build": "next build",
+    "build": "next build && next export",
     "start": "next start",
+    "deploy": "yarn build && touch out/.nojekyll && gh-pages -d out",
     "type-check": "tsc"
   },
   "dependencies": {