This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const isProd = (process.env.NODE_ENV || 'production') === 'production' | |
| module.exports = { | |
| exportPathMap: () => ({ | |
| '/': { page: '/' }, | |
| }), | |
| assetPrefix: isProd ? '/your-repository-name' : '', | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| const webpack = require('webpack') | |
| const isProd = (process.env.NODE_ENV || 'production') === 'production' | |
| const assetPrefix = isProd ? '/your-repository-name' : '' | |
| module.exports = { | |
| exportPathMap: () => ({ | |
| '/': { page: '/' }, | |
| '/page1': { page: '/page1' }, |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Link from 'next/link' | |
| export default () => ( | |
| <div> | |
| <Link href="/page1" as={`${process.env.ASSET_PREFIX}/page1`}> | |
| <a>Go to page</a> | |
| </Link> | |
| Root page | |
| </div> | |
| ) |
saitonakamura
/ _document.js
Created
February 19, 2018 21:14
Next.js on Github Pages _document.js example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import Document, { Head, Main, NextScript } from 'next/document' | |
| export default class MyDocument extends Document { | |
| render() { | |
| return ( | |
| <html> | |
| <Head> | |
| <link | |
| rel="stylesheet" | |
| href={`${this.props.__NEXT_DATA__.assetPrefix}/_next/static/style.css`} |
saitonakamura
/ Link.jsx
Created
February 19, 2018 23:18
Next.js on Github Pages Link wrapper example
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import React from 'react' | |
| import NextJsLink from 'next/link' | |
| const assetPrefix = process.env.ASSET_PREFIX | |
| const Link = ({ href, ...rest }) => ( | |
| <NextJsLink href={href} as={`${assetPrefix}${href}`} {...rest} /> | |
| ) | |
| export default Link |
saitonakamura
/ genesis_public_key
Created
February 21, 2018 20:02
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| 0499546ea9c2975b26acb86d2ca81e3448e5c1f6e77816d95a5c7981d9b2e6f806407f3bcae0b19f7e86589dfacd98b066cf0b90c5a83dcfb6fa2256a94b16106f |
saitonakamura
/ next.config.js
Last active
April 16, 2018 07:14
Next.js Awesome Typescript integration: how to modify Next.js default webpack configuration
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| webpack(config, { dev }) { | |
| // modify it! | |
| return config; | |
| } | |
| } |
saitonakamura
/ tsconfig.json
Last active
April 16, 2018 07:16
Next.js Awesome Typescript integration: minimal tsconfig.json
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Show hidden characters
| { | |
| "compilerOptions": { | |
| "target": "esnext", | |
| "module": "esnext", | |
| "jsx": "preserve", | |
| "moduleResolution": "node", | |
| } | |
| } |
saitonakamura
/ next.config.js
Last active
April 16, 2018 07:19
Next.js Awesome Typescript integration: how to add babel integration
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| webpack(config, options) { | |
| const { dir, defaultLoaders } = options | |
| config.pageExtensions.push(".ts", ".tsx"); | |
| config.resolve.extensions.push(".ts", ".tsx"); | |
| // ADDED THIS | |
| // cacheDirectory option is unavailable in case of useBabel option |
saitonakamura
/ next.config.js
Last active
April 16, 2018 07:20
Next.js Awesome Typescript integration: how to add caching
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| module.exports = { | |
| webpack(config, options) { | |
| const { dir, defaultLoaders } = options | |
| config.pageExtensions.push(".ts", ".tsx"); | |
| config.resolve.extensions.push(".ts", ".tsx"); | |
| // cacheDirectory option is unavailable in case of useBabel option | |
| const fixBabelConfig = omit(defaultLoaders.babel.options, [ |
OlderNewer