First blog post

smparsons · Oct 9, 2019 · f96769b · f96769b
1 parent 3d7e5a5
commit f96769b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 7 deletions.
diff --git a/content/blog/first-post/index.md b/content/blog/first-post/index.md
@@ -0,0 +1,10 @@
+---
+title: First Post
+date: "2019-10-09T07:53:00.000Z"
+description: ""
+---
+
+This is the first post on my blog! As a web developer, I wanted to create a blog that will
+cover a variety of different coding topics. I am excited to start creating some content, and
+I hope it will be useful to other developers who read it. If you're interested, come back
+soon! More content will be coming in the near future.
diff --git a/gatsby-node.js b/gatsby-node.js
@@ -4,7 +4,8 @@ const { createFilePath } = require(`gatsby-source-filesystem`)
 exports.createPages = async ({ graphql, actions }) => {
   const { createPage } = actions
 
-  const blogPost = require.resolve(`./src/templates/blogPost.tsx`)
+  const blogPost = path.resolve(`./src/templates/blogPost.tsx`)
+
   const result = await graphql(
     `
       {

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -7,7 +7,7 @@ import SEO from "../components/seo"
 import { BlogIndexQuery, BlogIndexQuery_allMarkdownRemark_edges } from "./queryTypes/BlogIndexQuery"
 
 const asBlogPostListing = ({ node }: BlogIndexQuery_allMarkdownRemark_edges): JSX.Element => {
-  const { title, date } = node.frontmatter!
+  const { title, date, description } = node.frontmatter!
   const slug = node.fields!.slug!
   return (
     <article key={slug} className="blog-post-listing">
@@ -20,7 +20,7 @@ const asBlogPostListing = ({ node }: BlogIndexQuery_allMarkdownRemark_edges): JS
       <section>
         <p
           dangerouslySetInnerHTML={{
-            __html: node.frontmatter!.description || node.excerpt!,
+            __html: description || node.excerpt!,
           }}
         />
       </section>
@@ -36,10 +36,7 @@ const BlogIndex = ({ data, location }: BlogIndexProps): JSX.Element => {
       <SEO title="All posts" />
       <div className="index-content">
         <Bio />
-        {posts.length
-          ? posts.map(asBlogPostListing)
-          : <div>At the moment, I do not have any blog posts. Please come back soon!</div>
-        }
+        {posts.map(asBlogPostListing)}
       </div>
     </Layout>
   )