Gatsby.js Medium Blog

Blog website built with Gatsby JS inspired by Medium design.

Brian Ruiz

Β· Visit Project

og

This is a gatsby portfolio template inspired by Mediums earlier design. A perfect fully featured starting point for your blog or portfolio.

Features

  • πŸ“² PWA ready, installable on Android and iOS
  • πŸ”Ž Algolia Search, search by all attributes
  • πŸ“§ Getform.io contact form with easy setup.
  • πŸ“ Blog ready, easily add your blog posts with MDX
  • πŸŒ— Togglable dark mode
  • πŸ’» SEO ready, option to Add meta description

Adding your blog posts

Adding your own content is super simple with the Jamstack design of the project. You won't need to write any HTML or CSS, just markdown (although you absolutely can if you wish to change the design or add your own features). The MDX posts are found in the content/posts/ directory. With MDX you can even add react components to your posts as found below.

2
Mobile view, featuring detail view of a blog post, list view of blog posts, a seamless contact form, and a page to showcase gear with affiliate links.
3
Blog post's transform responsively to fit the screen. Sidebars for navigation and meta data are then shown.

Dark mode ready

with a toggle switch in the header. The theme is saved in local storage so it will persist between sessions. or you can set it to follow the user's system settings.

5
4

Contact

Questions or need more details? Ping me on Discord, or any of my other social media links.

Newsletter

Get personal updates and readings on topics like tech, design, productivity, programming, and more!

Join the 0 other readers.