Introducing Gatsby Material Starter
Published on 2018-07-02
3 min read
In category
gatsby
Not so long ago, this project got ported to v1 version of GatsbyJS.
Great news! Gatsby Material starter is now based on stable V1 of @gatsbyjs!https://t.co/P2JqNbcRmk
— Ruben Harutyunyan (@Vagr9K) July 6, 2017
And now, it's super exciting for me to announce the v1.2
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:
- NetlifyCMS support
- Complete optimization of all image assets via
gatsby-image
for faster loading times - New date formatting options
- Netlify build configuration to make deploys easier
- Less restrictive URL options
- Bug fixes related to dates and sorting
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
- NetlifyCMS support for creating/editing posts via admin panel
- 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
-
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
- Automatic image transformation and size optimization
- Netlify deploy configuration
- Google Analytics 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.