<h2>Overview</h2>
<p>The Gatsby Advanced Starter is a starter skeleton for building advanced GatsbyJS powered websites. It aims to simplify the development process by using the latest technologies and providing a comfortable development environment. This starter does not impose any UI limitations and offers basic components for SEO, links, and infinite scrolling.</p>
<h2>Features</h2>
<ul>
<li><strong>Gatsby v4 support</strong>: Built to work with the latest version of Gatsby.</li>
<li><strong>First class TypeScript support</strong>: Supports TypeScript for both query data and components.</li>
<li><strong>Styled Components used for styling</strong>: Uses Styled Components for styling the website.</li>
<li><strong>Posts in MDX</strong>: Allows writing posts in MDX format.</li>
<li><strong>Code syntax highlighting</strong>: Provides syntax highlighting for code snippets.</li>
<li><strong>Embed videos and iframes</strong>: Supports embedding videos and iframes.</li>
<li><strong>Infinite Scrolling</strong>: Implements infinite scrolling for improved user experience.</li>
<li><strong>React Query for client-side API calls</strong>: Uses React Query for making API calls on the client-side.</li>
<li><strong>Tags</strong>: Supports tagging of posts and provides a separate page for each tag.</li>
<li><strong>Categories</strong>: Supports categorizing posts and provides a separate page for each category.</li>
<li><strong>Social features</strong>: Includes Twitter tweet button, Facebook share, Reddit share, and LinkedIn share button.</li>
<li><strong>Author section</strong>: Displays an author section for each post.</li>
<li><strong>Related posts computation and display</strong>: Displays related posts based on category/tag match ranking.</li>
<li><strong>Disqus support</strong>: Integrates Disqus commenting system.</li>
<li><strong>gatsby-plugin-image for optimized image generation</strong>: Uses gatsby-plugin-image for optimized image generation.</li>
<li><strong>Inline SVG imports</strong>: Supports importing SVG files inline.</li>
</ul>


<h2>Overview:</h2>
<p>The Gatsby Material Starter is a blog starter for GatsbyJS that is designed with a Material Design approach. It includes advanced features such as SEO, image optimization, PWA capabilities, and infinite scrolling feeds. This starter is meant to provide a minimal foundation for building advanced GatsbyJS powered websites by utilizing the latest technologies to streamline the development process. It supports both TypeScript and JavaScript, comes with Jest and Cypress configurations, and allows for writing Unit/Integration/E2E tests out of the box. The starter uses the gatsby-theme-advanced and is based on the Gatsby Advanced Starter.</p>
<h2>Features:</h2>
<ul>
<li>Gatsby v4 support</li>
<li>First class TypeScript support</li>
<li>Material UI V5 components</li>
<li>Emotion used for styling</li>
<li>Posts in MDX</li>
<li>Code syntax highlighting</li>
<li>Embed videos and iframes</li>
<li>Infinite Scrolling</li>
<li>React Query for client-side API calls</li>
<li>Tags and categories for organizing posts</li>
<li>Social features such as Twitter tweet button, Facebook share/share count, Reddit share/share count, and LinkedIn share button</li>
<li>Author section</li>
<li>Related posts computation and display based on category/tag match ranking</li>
<li>Disqus support via gatsby-theme-advanced</li>
</ul>


Vagr9k

Gatsby Advanced Starter

Gatsby Material Starter