set up

Author: dzinemon

.gitignore

@@ -0,0 +1,4 @@
+node_modules
+.cache
+public
+.DS_Store

assets/blog-hero.svg

@@ -0,0 +1,3 @@
+
+import './src/styles/global.css';
+import './src/styles/navbar.scss';

assets/logo.svg

@@ -0,0 +1,40 @@
+const path = require(`path`)
+
+module.exports = {
+  /* Your site config here */
+pathPrefix: "/web-dev",
+ plugins: [
+  `gatsby-transformer-sharp`, 
+  `gatsby-plugin-sharp`,
+  'gatsby-plugin-postcss',
+  'gatsby-plugin-sass',
+  {
+    resolve: `gatsby-source-filesystem`,
+    options: {
+      name: `images`,
+      path: path.join(__dirname, `static`),
+    },
+  },
+  {
+    resolve: "gatsby-plugin-react-svg",
+    options: {
+      rule: {
+        include: /assets/ // See below to configure properly
+      }
+    }
+  },
+  {
+    resolve: "gatsby-plugin-anchor-links",
+    options: {
+      offset: -100
+    }
+  },
+  {
+    resolve: `gatsby-source-ghost`,
+    options: {
+      apiUrl: `https://sdv.ghost.io`,
+      contentApiKey: `68a3f60d2555e5dff8a5df9e11`,
+    },
+  }
+  ],
+}

gatsby-browser.js

@@ -0,0 +1,42 @@
+const path = require(`path`)
+
+exports.createPages = async ({ graphql, actions, reporter }) => {
+  const postTemplate = path.resolve(`./src/templates/post.js`)
+
+  // Query Ghost data
+  const result = await graphql(`
+    {
+      allGhostPost(sort: { order: ASC, fields: published_at }) {
+        edges {
+          node {
+            slug
+          }
+        }
+      }
+    }
+  `)
+
+  // Handle errors
+  if (result.errors) {
+    reporter.panicOnBuild(`Error while running GraphQL query.`)
+    return
+  }
+
+  if (!result.data.allGhostPost) {
+    return
+  }
+
+  // Create pages for each Ghost post
+  const items = result.data.allGhostPost.edges
+  items.forEach(({ node }) => {
+    node.url = `/${node.slug}/`
+
+    actions.createPage({
+      path: node.url,
+      component: postTemplate,
+      context: {
+        slug: node.slug,
+      },
+    })
+  })
+}