lucasjohnson / gatsby-markdown-blog

A React/Gatsby JS powered blog that generates it's content via Markdown files, and makes SEO easy via a Helmet component. There is also some advanced tooling sprinkled in to create a great developer experience.

Lucas Johnson, Frontend Developer

I am a Front-end Web Developer with six years of professional experience. I have worked in multiple agency environments, building large corporate websites; either as templates built on top of an existing CMS, or as fully deployed React JS/Redux/TypeScript web applications that are WCAG AA compliant and thoroughly tested. I am a team player who is at home in Agile environments, has a keen eye for detail, strong communication skills, and who is able to adjust to the needs of any project.

Technology Stack

• JavaScript ES6, TypeScript, HTML5, CSS3, Sass/Less, jQuery, Bootstrap
• React JS, Redux, Webpack, NPM, Gulp, graphQL, Git (GitHub, GitLab, Bitbucket)
• WCAG AA, QA and UAT testing
• Headless CMS’ Prismic, and Netlify CMS, as well as, Adobe Experience Manger and WordPress
• Digital Ocean, Netlify, AWS
• Sketch, Zeplin, Photoshop, Illustrator
• Agile Scrum, Jira

gatsby-markdown-blog's Issues

Deploy

• README documentation
• Convert to theme and deploy to NPM
• Deploy to Netlify button

SEO

• Update structured data

Create sitemap and RSS feed

Forms

• Contact form

TypeScript Type Errors

• Resolve prop and query type errors in components
• Resolve module export errors

Grid cards and 404 page

• Grid card filtering (so that it can be displayed on different pages and show relavent content)
• 404 error pages that show grid cards relative to page URL
• Search field

https://sld.codes/articles/Rethinking-404-Pages

Taxonomy

• Create Authors, Topics, Services, URL only pages (not viewable).
• Create Author, Topics, Services types in CMS.
• Create Authors (Team, Team Member), Topics, Services data in CMS.
• Create Routes for Author, Topics, Services data pages.
• Add types to Post Page type
• Add types to Cards

Navigation

• Breadcrumbs in Footer
• Logic to sort main navigation items in CMS
• Logic to sort posts in CMS
• Footer navigation
• Drop down menu
• Hamburger menu
• Search field
• Social media menu
• Breadcrumb links corrected
• Topics filter
• Pagination
• Prev/Next links

Post Page Refactor

• Update component to the same code style as the rest of the component
• Logic testing for topic slug generation