All Starters

gatsby-personal-site-template

Gatsby v2
Source
28
Updated Aug 23, 2021
Install with gatsby-cli
npx gatsby new gatsby-personal-site-template https://github.com/surudhb/gatsby-personal-site-template
Screenshot of gatsby-personal-site-template
A minimalist dev portfolio featuring a blog, SEO, app-theming with React.Context, Bootstrap and Sass
  • 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

Tags

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