stbensonimoh / official-website

My Official Website.

Hi there 👋

I love building stuff using new and experimental ideas and methods.

official-website's Issues

Add Gatsby SEO

Install necessary plugins

First install the plugins and the dependencies

npm install --save gatsby-plugin-next-seo react-helmet-async

Then add this to the plugin array in gatsby-config.js

module.exports {
  // ...
  plugins: [
    // ...
    'gatsby-plugin-next-seo'
  ],
}

For more information see this link and this one.

Change the Site Metadata

Edit the current site information
Edit the current site information & metadata in gatsby-config.js to include interesting information like:

• social media accounts (LinkedIn, Facebook, Instagram, GitHub, etc)
• think of other interesting data to add to the site information

The current site metadata is something like this:

siteMetadata: {
    title: `Gatsby Starter Blog`,
    author: {
      name: `Kyle Mathews`,
      summary: `who lives and works in San Francisco building useful things.`,
    },
    description: `A starter blog demonstrating what Gatsby can do.`,
    siteUrl: `https://gatsby-starter-blog-demo.netlify.app/`,
    social: {
      twitter: `kylemathews`,
    },
  }

Create Layout

Create the <Layout /> component for use as a page template.

Fix SEO Meta tags

meta tags for SEO such as twitter cards, etc are not properly set up on the website and do not show up in browsers.

Properly design the 404 page and make it responsive

The 404 page has a design already. Make it responsive.

Fix Lighthouse issues

Run a lighthouse test and fix performance and accessibility issues.

Make the projects link on /about page link to somewhere

The projects button on the /about route currently links to a non-existent page. Make it link to my GitHub page temporarily until the projects page is ready.

Add Styled Components to the project

Install Styled Components plugins for Gatasby

npm install gatsby-plugin-styled-components styled-components babel-plugin-styled-components

Add the Styled Components Gatsby plugin to the gatsby-config.js file.

plugins: [
  plugins: [`gatsby-plugin-styled-components`],
  // ...other plugins.
]

Add a page for folks to download media materials

As I gain more popularity in the industry, folks would want to invite me to speak or feature me a in podcast or blog article.
They should be able to download materials about me like photo, bio, etc.
Create a page or link to a Google Drive with all those materials in there.

Add Resume link to /about page

Add my downloadable resume to my about page.

Rewrite the Documentation for this Repo

Rewrite the documentation for this repository to reflect the technology used.

Add Social Media Cards to Website

When a page or blog post link is shared on social media, the link should display the featured image of the blog post as part of the share or the website logo in the case of the page.

Remove Styled Components and use Tailwind CSS instead

Remove styled components and use Taildwind CSS instead.

Edit the content folder

Edit the items in the content folder, especially the content/assets/ folder where images are stored:

• delete the current images inside.
• delete the blog posts.

Add GitHub templates to this repository

• Issues Template
• Pull Requests Template
• commit template