Introducing Gatsby Material Starter

Not so long ago, this project got ported to v1 version of GatsbyJS.

And now, it's super exciting for me to announce the v1.1 version of Gatsby Material Starter!

You can also visit my personal blog if you want to see a fully implemented blog based on this starter.

New features are:

  • Suggested posts segment
  • Development tools

    • ESLint for linting
    • Prettier for code style
    • Remark-Lint for linting Markdown
    • write-good for linting English prose
    • gh-pages for deploying to GitHub pages
    • CodeClimate configuration file and badge

Full feature list:

  • Blazing fast loading times thanks to pre-rendered HTML and automatic chunk loading of JS files
  • React-MD for Material design

    • Integrated FontAwesome support
    • Integrated Material Icons support
  • SASS/SCSS styling
  • Separate components for everything
  • High configurability:

    • User information
    • User social profiles
    • Copyright information
    • More!
  • Author segment

    • Name
    • Location
    • Description
    • Links
    • Follow Me button
  • Posts in Markdown

    • Code syntax highlighting
    • Embedded YouTube videos
    • Embedded Tweets
  • Tags

    • Seprate page for posts under each tag
  • Categories

    • Separate page for posts under each category
  • Suggested posts segment
  • Disqus support

    • Notifications about new disqus comments
  • Google Analytics support
  • Responsive design

    • On mobile, Disqus is loaded only after expanding comments for better performance
  • Social features

    • Twitter tweet button
    • Facebook share/share count
    • Reddit share/share count
    • Google+ share button
    • LinkedIn share button
    • Telegram share button
  • SEO

    • Sitemap generation
    • robots.txt
    • General description tags
    • Schema.org JSONLD (Google Rich Snippets)
    • OpenGraph Tags (Facebook/Google+/Pinterest)
    • Twitter Tags (Twitter Cards)
  • RSS feeds
  • Loading progress for slow networks
  • Offline support
  • Web App Manifest support
  • Development tools

    • ESLint for linting
    • Prettier for code style
    • Remark-Lint for linting Markdown
    • write-good for linting English prose
    • gh-pages for deploying to GitHub pages
    • CodeClimate configuration file and badge

NOTE: Take a look at gatsby-advanced-starter if you prefer building UI from scratch and/or only interested in fundamental features.

More information is available on GitHub repository page.

comment

Comments

arrow_back

Previous

Introducing Gatsby Material Starter

Next

Introducing Gatsby Material Starter
arrow_forward