diff --git a/website/src/components/codeBlock.js b/website/src/components/codeBlock.js
index 4f1829682..d990b93dd 100644
--- a/website/src/components/codeBlock.js
+++ b/website/src/components/codeBlock.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import Code from './code'
+import Code from './codeDynamic'
 import classes from '../styles/code.module.sass'
 
 export const Pre = (props) => {
diff --git a/website/src/components/codeDynamic.js b/website/src/components/codeDynamic.js
new file mode 100644
index 000000000..3e7d8b83e
--- /dev/null
+++ b/website/src/components/codeDynamic.js
@@ -0,0 +1,5 @@
+import dynamic from 'next/dynamic'
+
+export default dynamic(() => import('./code'), {
+    loading: () => 'Loading...',
+})
diff --git a/website/src/components/github.js b/website/src/components/github.js
index de145feec..a609f893c 100644
--- a/website/src/components/github.js
+++ b/website/src/components/github.js
@@ -5,7 +5,7 @@ import classNames from 'classnames'
 import Icon from './icon'
 import Link from './link'
 import classes from '../styles/code.module.sass'
-import Code from './code'
+import Code from './codeDynamic'
 
 const defaultErrorMsg = `Can't fetch code example from GitHub :(
 
diff --git a/website/src/remark.js b/website/src/remark.js
index 68544420d..7e5499b01 100644
--- a/website/src/remark.js
+++ b/website/src/remark.js
@@ -1,7 +1,7 @@
 import Link from './components/link'
 import Section, { Hr } from './components/section'
 import { Table, Tr, Th, Tx, Td } from './components/table'
-import Code from './components/code'
+import Code from './components/codeDynamic'
 import { TypeAnnotation } from './components/typeAnnotation'
 import { InlineCode } from './components/inlineCode'
 import CodeBlock, { Pre } from './components/codeBlock'