Skip to content

Gatsby Advanced Starter V3 (new major release)

Compare
Choose a tag to compare
@Vagr9K Vagr9K released this 11 Aug 21:18
· 46 commits to master since this release

I'm excited to announce the 3rd major release for the Advanced Starter!

New feature highlights are MDX, Infinite Scrolling, SEO overhaul, React Query support and unit/integration/e2e testing setup out of the box.

One of the major changes is the introduction of gatsby-theme-advanced as the main building block of the project.

This version also introduces the gatsby-theme-amaranth (demo), a mobile optimized stylish blog theme for GatsbyJS equipped with advanced features such as SEO, image optimization, PWA capabilities and infinite scrolling feeds.

These changes will make the starter more integrated with current GatsbyJS ecosystem and improve the process of receiving upstream updates as outlined in the documentation.

Changes

General

  • Separated starter into a theme (gatsby-theme-advanced) and a starter
  • Switched to TypeScript
  • Introduced a styled theme gatsby-theme-amaranth (demo)
  • Documentation has been overhauled to account for the changes

Features

  • Introduced a centralized Post data system to standardize querying and displaying data
  • Added support for MDX
  • Added support for embedding videos into MDX
  • Added support for embedding iframes into MDX
  • Added support for computing and displayed related posts based on category/tag match ranking
  • Added support for client side API calls via React Query
  • Added infinite scrolling
  • Updated and fixed the SEO component to support all main tag types (generic meta, OpenGraph, Google Rich Results and Twitter Tags)
  • Added support for basePath to the themes
  • Added configuration merging and overrides via themes
  • Added support for importing SVG icons
  • Use Styled Components for styling the gatsby-theme-amaranth
  • Upgraded to use GTAG instead of Google Analytics
  • Added optimization of all images via gatsby-plugin-image
  • Switched to gatsby-plugin-disqus to improve user experience.
  • Code coverage monitoring via Coveralls (for gatsby-theme-advanced) and Codecov (for gatsby-theme-amaranth)

Testing

  • Added unit/integration tests to gatsby-theme-advanced
  • Added unit/integration tests to gatsby-theme-amaranth
  • Added E2E tests to Advanced theme demo
  • Added E2E tests to Amaranth theme demo
  • Added accessibility testing via axe-core

Tooling

  • Upgraded to Yarn 3
  • Overhauled ESLint configuration to support TypeScript, React Hooks, Jest, Cypress
  • Added scripts for project wide type checking
  • Added dev:network script to test the project on local network
  • Updated MarkdownLint setup
  • CI via GitHub Actions
  • CD via GitHub actions and Netlify