move to next.js

pducolin · Jan 24, 2021 · d62e2d8 · d62e2d8
1 parent b81107b
commit d62e2d8
Show file tree

Hide file tree

Showing 33 changed files with 1,972 additions and 12,129 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,69 +1,34 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# 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
-
-# nyc test coverage
-.nyc_output
-
-# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
-.grunt
-
-# Bower dependency directory (https://bower.io/)
-bower_components
-
-# node-waf configuration
-.lock-wscript
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
 
-# Compiled binary addons (http://nodejs.org/api/addons.html)
-build/Release
-
-# Dependency directories
-node_modules/
-jspm_packages/
-
-# Typescript v1 declaration files
-typings/
-
-# Optional npm cache directory
-.npm
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
 
-# Optional eslint cache
-.eslintcache
+# testing
+/coverage
 
-# Optional REPL history
-.node_repl_history
+# next.js
+/.next/
+/out/
 
-# Output of 'npm pack'
-*.tgz
+# production
+/build
 
-# dotenv environment variable files
-.env*
+# misc
+.DS_Store
+*.pem
 
-# gatsby files
-.cache/
-public
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
 
-# Mac files
-.DS_Store
+# local env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
 
-# Yarn
-yarn-error.log
-.pnp/
-.pnp.js
-# Yarn Integrity file
-.yarn-integrity
+# vercel
+.vercel
diff --git a/.prettierignore b/.prettierignore
diff --git a/.prettierrc b/.prettierrc
diff --git a/LICENSE b/LICENSE
diff --git a/README.md b/README.md
diff --git a/components/Header.js b/components/Header.js
@@ -0,0 +1,18 @@
+import Link from "next/link";
+
+export default function Header() {
+  return (
+    <>
+      <header className="header">
+        <nav className="nav">
+          <Link href="/">
+            <a>My Blog</a>
+          </Link>
+          <Link href="/about">
+            <a>About</a>
+          </Link>
+        </nav>
+      </header>
+    </>
+  );
+}
diff --git a/components/Layout.js b/components/Layout.js
@@ -0,0 +1,18 @@
+import Head from "next/head";
+import Header from "@components/Header";
+
+export default function Layout({ children, pageTitle, ...props }) {
+  return (
+    <>
+      <Head>
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <title>{pageTitle}</title>
+      </Head>
+      <section className="layout">
+        <Header />
+        <div className="content">{children}</div>
+      </section>
+      <footer>Built by me!</footer>
+    </>
+  );
+}
diff --git a/components/PostList.js b/components/PostList.js
@@ -0,0 +1,23 @@
+import Link from "next/link";
+
+export default function PostList({ posts }) {
+  if (posts === "undefined") return null;
+
+  return (
+    <div>
+      {!posts && <div>No posts!</div>}
+      <ul>
+        {posts &&
+          posts.map((post) => {
+            return (
+              <li key={post.slug}>
+                <Link href={{ pathname: `/post/${post.slug}` }}>
+                  <a>{post.frontmatter.title}</a>
+                </Link>
+              </li>
+            );
+          })}
+      </ul>
+    </div>
+  );
+}
diff --git a/gatsby-browser.js b/gatsby-browser.js
diff --git a/gatsby-config.js b/gatsby-config.js
diff --git a/gatsby-node.js b/gatsby-node.js
diff --git a/gatsby-ssr.js b/gatsby-ssr.js
diff --git a/jsconfig.json b/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@components/*": ["components/*"]
+    }
+  }
+}
diff --git a/netlify.toml b/netlify.toml
@@ -0,0 +1,3 @@
+[build]
+  command = "yarn run build && yarn run export"
+  publish = "out"
diff --git a/next.config.js b/next.config.js
@@ -0,0 +1,10 @@
+module.exports = {
+  target: "serverless",
+  webpack: function (config) {
+    config.module.rules.push({
+      test: /\.md$/,
+      use: "raw-loader",
+    });
+    return config;
+  },
+};