feat: foundational commit with poc integrated

Author: lindsaylevine

.gitignore

@@ -0,0 +1,146 @@
+### Node ###
+
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+.env*.local
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+.parcel-cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and not Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port
+
+# Stores VSCode versions used for testing VSCode extensions
+.vscode-test
+
+### OSX ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+# End of https://www.toptal.com/developers/gitignore/api/osx,node
+
+# CLI
+.netlify
+demo/.next

commitlint.config.js

@@ -0,0 +1 @@
+module.exports = { extends: ['@commitlint/config-conventional'] }

demo/.eslintrc

@@ -0,0 +1,4 @@
+{
+  "extends": "next",
+  "root": true
+}

demo/.gitignore

@@ -0,0 +1,38 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# vercel
+.vercel
+
+netlify/functions
+.netlify/functions
+.netlify/cache

demo/components/Header.js

@@ -0,0 +1,3 @@
+export default function Header() {
+  return <h1>header</h1>
+}

demo/pages/_app.js

@@ -0,0 +1,7 @@
+import '../styles/globals.css'
+
+function MyApp({ Component, pageProps }) {
+  return <Component {...pageProps} />
+}
+
+export default MyApp

demo/pages/api/hello-background.js

@@ -0,0 +1,5 @@
+export default (req, res) => {
+  res.setHeader('Content-Type', 'application/json')
+  res.status(200)
+  res.json({ message: 'hello world :)' })
+}

demo/pages/api/hello.js

@@ -0,0 +1,5 @@
+// Next.js API route support: https://nextjs.org/docs/api-routes/introduction
+
+export default (req, res) => {
+  res.status(200).json({ name: 'John Doe' })
+}

demo/pages/api/shows/[...params].js

@@ -0,0 +1,26 @@
+export default async (req, res) => {
+  // Respond with JSON
+  res.setHeader('Content-Type', 'application/json')
+
+  // Get the params and query string parameters
+  const { query } = req
+  const { params, ...queryStringParams } = query
+
+  // Get the ID of the show
+  const id = params[0]
+
+  // Get the data
+  const fetchRes = await fetch(`https://api.tvmaze.com/shows/${id}`)
+  const data = await fetchRes.json()
+
+  // If show was found, return it
+  if (fetchRes.status == 200) {
+    res.status(200)
+    res.json({ params, queryStringParams, show: data })
+  }
+  // If show was not found, return error
+  else {
+    res.status(404)
+    res.json({ error: 'Show not found' })
+  }
+}

demo/pages/api/shows/[id].js

@@ -0,0 +1,23 @@
+export default async (req, res) => {
+  // Respond with JSON
+  res.setHeader('Content-Type', 'application/json')
+
+  // Get the ID of the show
+  const { query } = req
+  const { id } = query
+
+  // Get the data
+  const fetchRes = await fetch(`https://api.tvmaze.com/shows/${id}`)
+  const data = await fetchRes.json()
+
+  // If show was found, return it
+  if (fetchRes.status == 200) {
+    res.status(200)
+    res.json({ show: data })
+  }
+  // If show was not found, return error
+  else {
+    res.status(404)
+    res.json({ error: 'Show not found' })
+  }
+}

demo/pages/deep/import.js

@@ -0,0 +1,40 @@
+import Link from 'next/link'
+import dynamic from 'next/dynamic'
+const Header = dynamic(() => import(/* webpackChunkName: 'header' */ '../../components/Header'), { ssr: true })
+
+const Show = ({ show }) => (
+  <div>
+    <Header />
+    <p>
+      This page uses getInitialProps() to fetch the show with the ID provided in the URL: /shows/:id
+      <br />
+      Refresh the page to see server-side rendering in action.
+      <br />
+      You can also try changing the ID to any other number between 1-10000.
+    </p>
+
+    <hr />
+
+    <h1>Show #{show.id}</h1>
+    <p>{show.name}</p>
+
+    <hr />
+
+    <Link href="/">
+      <a>Go back home</a>
+    </Link>
+  </div>
+)
+
+export const getServerSideProps = async ({ params }) => {
+  const res = await fetch('https://api.tvmaze.com/shows/42')
+  const data = await res.json()
+
+  return {
+    props: {
+      show: data,
+    },
+  }
+}
+
+export default Show

demo/pages/getServerSideProps/[id].js

@@ -0,0 +1,53 @@
+import Error from 'next/error'
+import Link from 'next/link'
+
+const Show = ({ errorCode, show }) => {
+  // If show item was not found, render 404 page
+  if (errorCode) {
+    return <Error statusCode={errorCode} />
+  }
+
+  // Otherwise, render show
+  return (
+    <div>
+      <p>
+        This page uses getInitialProps() to fetch the show with the ID provided in the URL: /shows/:id
+        <br />
+        Refresh the page to see server-side rendering in action.
+        <br />
+        You can also try changing the ID to any other number between 1-10000.
+      </p>
+
+      <hr />
+
+      <h1>Show #{show.id}</h1>
+      <p>{show.name}</p>
+
+      <hr />
+
+      <Link href="/">
+        <a>Go back home</a>
+      </Link>
+    </div>
+  )
+}
+
+export const getServerSideProps = async ({ params }) => {
+  // The ID to render
+  const { id } = params
+
+  const res = await fetch(`https://api.tvmaze.com/shows/${id}`)
+  const data = await res.json()
+
+  // Set error code if show item could not be found
+  const errorCode = res.status > 200 ? res.status : false
+
+  return {
+    props: {
+      errorCode,
+      show: data,
+    },
+  }
+}
+
+export default Show