utopiabeam/blog.utopiabeam.dev

My blog at https://blog.utopiabeam.dev (deprecated, moving to https://utopiabeam.dev)

blog.utopiabeam.dev's Issues

PWA

Add social share buttons

Add feature post

Improve performance

Add SEO

Tag pagination redirects to home

Field "banner" must not have a selection since type "String" has no subfields

This error is randomly appear, but does occur most of times.

Query

{
    allMarkdownRemark(sort: { fields: frontmatter___date, order: DESC }) {
      edges {
        node {
          fields {
            slug
          }
          frontmatter {
            date(formatString: "MMM DD, YYYY")
            description
            featured
            title
            banner {
              childImageSharp {
                fluid {
                  src
                  srcSet
                  srcSetWebp
                  srcWebp
                  tracedSVG
                }
              }
            }
          }
         html
        }
      }
    }
}

gatsby-config.js

plugins: [
    `gatsby-plugin-typescript`,
    `gatsby-plugin-react-helmet`,
    `gatsby-plugin-sharp`,
    `gatsby-transformer-sharp`,
    {
      resolve: `gatsby-transformer-remark`,
      options: {
        plugins: [
          {
            resolve: `gatsby-remark-images`,
            options: {
              maxWidth: 1000,
              linkImagesToOriginal: false,
              withWebp: true,
              quality: 80,
            },
          },
          `gatsby-remark-copy-linked-files`,
          {
            resolve: `gatsby-remark-prismjs`,
            options: {
              classPrefix: 'language-',
              inlineCodeMarker: null,
              showLineNumbers: false,
              noInlineHighlight: false,
            },
          },
        ],
      },
    },
    {
      resolve: `gatsby-source-filesystem`,
      options: {
        name: `blogs`,
        path: `${__dirname}/data/blog`,
      },
    },
  ],

Result from gatsby build

9:26:34 AM: Build ready to start
9:26:36 AM: build-image version: 9e0f207a27642d0115b1ca97cd5e8cebbe492f63
9:26:36 AM: build-image tag: v3.3.2
9:26:36 AM: buildbot version: ef8d0929ed0baabafd8bbb7d0b021e1fc24180c0
9:26:36 AM: Fetching cached dependencies
9:26:37 AM: Failed to fetch cache, continuing with build
9:26:37 AM: Starting to prepare the repo for build
9:26:37 AM: No cached dependencies found. Cloning fresh repo
9:26:37 AM: git clone https://github.com/UtopiaBeam/blog.utopiabeam.dev
9:26:38 AM: Preparing Git Reference refs/heads/master
9:26:38 AM: Starting build script
9:26:38 AM: Installing dependencies
9:26:40 AM: Downloading and installing node v10.16.2...
9:26:40 AM: Downloading https://nodejs.org/dist/v10.16.2/node-v10.16.2-linux-x64.tar.xz...
9:26:40 AM: 
###############
9:26:40 AM:  21.4%
9:26:40 AM: 
#####################
9:26:40 AM: ###################################                  78.6%
9:26:40 AM: 
###########################
9:26:40 AM: ############################################# 100.0%
9:26:40 AM: Computing checksum with sha256sum
9:26:41 AM: Checksums matched!
9:26:44 AM: Now using node v10.16.2 (npm v6.9.0)
9:26:44 AM: Attempting ruby version 2.6.2, read from environment
9:26:45 AM: Using ruby version 2.6.2
9:26:46 AM: Using PHP version 5.6
9:26:46 AM: Started restoring cached node modules
9:26:46 AM: Finished restoring cached node modules
9:26:46 AM: Started restoring cached yarn cache
9:26:46 AM: Finished restoring cached yarn cache
9:26:46 AM: Installing yarn at version 1.17.0
9:26:46 AM: Installing Yarn!
9:26:46 AM: > Downloading tarball...
9:26:46 AM: [1/2]: https:
9:26:46 AM: //yarnpkg.com/downloads/1.17.0/yarn-v1.17.0.tar.gz --> /tmp/yarn.tar.gz.ZDz8LH4qwf
9:26:46 AM:   % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
9:26:46 AM:                                  Dload  Upload   Total   Spent    Left  Speed
9:26:46 AM: 
  0     0    0     0    0     0      0      0 --:--:-- --:--:-- --:--:--     0
9:26:46 AM: 1
9:26:46 AM: 0
9:26:46 AM: 0
9:26:46 AM:     93  100    93    0     0    323
9:26:46 AM:   0 --:--:-- --:--:-- --:--:--   324
9:26:46 AM: 
  0     0    0     0    0     0      0      0 --:--:-- --
9:26:46 AM: :--:-- --:--:--     0
100   609    0   609    0     0    963      0 --:--:-- --:--:-- --:--:--  594k
9:26:47 AM: 
100 1213k  100 1213k    0     0  1095k
9:26:47 AM:  0  0:00:01  0:00:01 --:--:-- 1095k
9:26:47 AM: [2/2]: https://yarnpkg.com/downloads/1.17.0/yarn-v1.17.0.
9:26:47 AM: tar.gz.asc --> /tmp/yarn.tar.gz.ZDz8LH4qwf.asc
9:26:47 AM: 
100    97  100    97
9:26:47 AM:    0     0   2402      0 --:--:-- --:--:-- --:--:--  2402
9:26:47 AM: 
100   613    0   613    0     0   4561      0 --:--:-- --:--:-- --:--:--  4561
9:26:47 AM: 
100   832  100   832    0     0   4018      0 --:--:-- --:--:-- --:--:--
9:26:47 AM: 4018
9:26:47 AM: > Verifying integrity...
9:26:47 AM: gpg: Signature made Fri 14 Jun 2019 06:55:58 PM UTC using RSA key ID 69475BAA
9:26:47 AM: gpg: Good signature from "Yarn Packaging <[email protected]>"
9:26:47 AM: gpg: WARNING: This key is not certified with a trusted signature!
9:26:47 AM: gpg:          There is no indication that the signature belongs to the owner.
9:26:47 AM: Primary key fingerprint: 72EC F46A 56B4 AD39 C907  BBB7 1646 B01B 86E5 0310
9:26:47 AM:      Subkey fingerprint: 6D98 490C 6F1A CDDD 448E  4595 4F77 6793 6947 5BAA
9:26:47 AM: > GPG signature looks good
9:26:47 AM: > Extracting to ~/.yarn...
9:26:47 AM: > Adding to $PATH...
9:26:47 AM: > We've added the following to your /opt/buildhome/.profile
9:26:47 AM: > If this isn't the profile of your current shell then please add the following to your correct profile:
9:26:47 AM: export PATH="$HOME/.yarn/bin:$HOME/.config/yarn/global/node_modules/.bin:$PATH"
9:26:47 AM: 
9:26:48 AM: > Successfully installed Yarn 1.17.0! Please open another terminal where the `yarn` command will now be available.
9:26:48 AM: Installing NPM modules using Yarn version 1.17.0
9:26:49 AM: yarn install v1.17.0
9:26:49 AM: [1/4] Resolving packages...
9:26:50 AM: [2/4] Fetching packages...
9:27:12 AM: info [email protected]: The platform "linux" is incompatible with this module.
9:27:12 AM: info "[email protected]" is an optional dependency and failed compatibility check. Excluding it from installation.
9:27:12 AM: [3/4] Linking dependencies...
9:27:12 AM: warning "gatsby-plugin-typescript > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
9:27:12 AM: warning "gatsby-plugin-typescript > @babel/preset-typescript > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
9:27:12 AM: warning "gatsby-plugin-typescript > @babel/preset-typescript > @babel/plugin-transform-typescript > @babel/[email protected]" has unmet peer dependency "@babel/core@^7.0.0-0".
9:27:30 AM: [4/4] Building fresh packages...
9:27:35 AM: Done in 45.64s.
9:27:35 AM: NPM modules installed using Yarn
9:27:35 AM: Started restoring cached go cache
9:27:35 AM: Finished restoring cached go cache
9:27:35 AM: unset GOOS;
9:27:35 AM: unset GOARCH;
9:27:35 AM: export GOROOT='/opt/buildhome/.gimme/versions/go1.12.linux.amd64';
9:27:35 AM: export PATH="/opt/buildhome/.gimme/versions/go1.12.linux.amd64/bin:${PATH}";
9:27:35 AM: go version >&2;
9:27:35 AM: export GIMME_ENV='/opt/buildhome/.gimme/env/go1.12.linux.amd64.env';
9:27:35 AM: go version go1.12 linux/amd64
9:27:35 AM: Installing missing commands
9:27:35 AM: Verify run directory
9:27:35 AM: Executing user command: gatsby build
9:27:38 AM: success open and validate gatsby-configs — 0.055
9:27:39 AM: success load plugins — 0.947
9:27:39 AM: success onPreInit — 0.003
9:27:39 AM: success delete html and css files from previous builds — 0.006
9:27:39 AM: success initialize cache — 0.015
9:27:39 AM: success copy gatsby files — 0.023
9:27:39 AM: success onPreBootstrap — 0.015
9:27:39 AM: success source and transform nodes — 0.271
9:27:40 AM: success building schema — 0.415
9:27:40 AM: error #85909 GRAPHQL
9:27:40 AM: Field "banner" must not have a selection since type "String" has no subfields
9:27:40 AM: File: gatsby-node.js:21:24
9:27:40 AM: See our docs page for more info on this error: https://gatsby.dev/issue-how-to
9:27:40 AM: Skipping functions preparation step: no functions directory set
9:27:40 AM: Caching artifacts
9:27:40 AM: Started saving node modules
9:27:40 AM: Finished saving node modules
9:27:40 AM: Started saving yarn cache
9:27:40 AM: Finished saving yarn cache
9:27:40 AM: Started saving pip cache
9:27:40 AM: Finished saving pip cache
9:27:40 AM: Started saving emacs cask dependencies
9:27:40 AM: Finished saving emacs cask dependencies
9:27:40 AM: Started saving maven dependencies
9:27:40 AM: Finished saving maven dependencies
9:27:40 AM: Started saving boot dependencies
9:27:40 AM: Finished saving boot dependencies
9:27:40 AM: Started saving go dependencies
9:27:40 AM: Finished saving go dependencies
9:27:42 AM: Error running command: Build script returned non-zero exit code: 1
9:27:42 AM: Failing build: Failed to build site
9:27:42 AM: failed during stage 'building site': Build script returned non-zero exit code: 1
9:27:42 AM: Finished processing build request in 1m6.167819219s

Add series type posts

Add README

Update blog post UI

Refactor duplicate interfaces

Add comments

Fix featured card text overflow in mobile

Add 404 terminal commands

Just for fun!!

Tag header banner and description wrong

Add CI/CD pipeline

Need CI/CD pipeline to separate staging and production w/ Netlify.

Migrate to Contentful

Add 404 page

Redesign web

Migrate blog posts from Medium

Add favicon

Improve header background image resolution

Refactor `BlogList` component

Since Tag and BlogList components have similar UI but different Header. It would be great if BlogList is more flexible for both blog posts and tag posts.

Add Google Analytics

Add blog listing

Add Author tab

Add styling

Now considering which CSS Framework should I use.
Considerable choices:

• Rebass
• Material UI
• Tailwind

Stretch cards to fill row