Skip to content

@lekoarts/[email protected]
Compare
Choose a tag to compare
@github-actions github-actions released this 07 Jun 20:07
· 621 commits to main since this release
@lekoarts/[email protected]
7a2bb32
This commit was created on GitHub.com and signed with GitHub’s verified signature. The key has expired.
GPG key ID: 4AEE18F83AFDEB23
Expired
Learn about vigilant mode.

Major Changes

#599 1785dcf Thanks @LekoArts!

Breaking Changes

  1. Using lessBabel option for gatsby-plugin-mdx
  2. Updating react-spring from v8 to v9
  3. Updating theme-ui from v0.3 to v0.9 and thus also emotion from v10 to v11
  4. Removed @emotion/styled
  5. Updating all Gatsby related packages to latest
  6. Migrated from gatsby-image to gatsby-plugin-image
  7. Removed gatsby-plugin-typescript & gatsby-plugin-emotion

Migrating

  1. The lessBabel option might break your setup in some edge cases. If it doesn't work, turn on the mdx option and choose your own config for gatsby-plugin-mdx
  2. You can find the migration guide for react-spring here: https://react-spring.io/changelog#v900
  3. The changelog/migration guide for theme-ui is here: https://theme-ui.com/migrating and for emotion here: https://emotion.sh/docs/emotion-11
  4. If you still want to use @emotion/styled you'll need to install it separately now
  5. Gatsby v3 migration guide: https://www.gatsbyjs.com/docs/reference/release-notes/migrating-from-v2-to-v3/
  6. The theme itself is completely migrated to the new image plugin, but if you shadowed components and relied on the old structure, you'll need to migrate to gatsby-plugin-image: https://www.gatsbyjs.com/docs/reference/release-notes/image-migration-guide/
  7. The TypeScript plugin isn't necessary anymore with Gatsby v3 -- if you want to continue to use @emotion/styled you'll need to add gatsby-plugin-emotion yourself

Improvements

  • You can use the sharp theme option to be able to configure gatsby-plugin-sharp on your own (helpful for defaults for gatsby-plugin-image)
  • Performance improvements from react-spring and theme-ui upgrades
  • Eagerly load the first image in the grid (better lighthouse score)
  • Update header/navigation for better mobile view

Updates to Starter

If you only cloned the starter (https://github.com/LekoArts/gatsby-starter-portfolio-emma) and didn't change anything else this section will be more relevant to you.

  • Conditionally add gatsby-plugin-google-analytics
  • Add FAST_DEV flag
  • Update to all latest Gatsby (+ plugins) versions
Assets 2
Loading