All Starters

gatsby-personal-site-template

12
Updated Jul 9, 2020
By surudhb
Visit demo
Source
Try this starterCodeSandbox   Netlify 
Install this starter locally:
gatsby new gatsby-personal-site-template https://github.com/surudhb/gatsby-personal-site-template

Tags

Blog, Client-side App, Markdown, MDX, Portfolio, SEO, Styling:Bootstrap, Styling:SCSS

Description

A minimalist dev portfolio featuring a blog, SEO, app-theming with React.Context, Bootstrap and Sass

Features

  • Gatsby v2
  • Main page, Blog page, About page, Projects page, Resume page with dedicated pages for each blog-post and project
  • Uses Sass with Bootstrap to make styling super simple
  • Light/Dark mode for entire app using React's Context API
  • SEO enabled on each page with react-helmet
  • Features optimized image rendering using gatsby-image
  • Uses open source icons from Fontawesome and icons8
  • Uses icons as links to github, resume, hackerrank on main page
  • Programmatically generates styled pages for each blog post and project written in Markdown
  • Blog posts page features a live filter tool
  • Uses site metadata to populate About page
  • Resume page generated using template Markdown files

Dependencies