Gatsby Starter Wordpress Twenty Twenty

screenshot of Gatsby Starter Wordpress Twenty Twenty
gatsby
react

Gatsby Starter Wordpress Twenty Twenty

A port of the WordPress Twenty Twenty theme to Gatsby.

Overview:

The Gatsby Starter - WordPress Twenty Twenty is a port of the WordPress Twenty Twenty theme to Gatsby. It uses Gatsby V3 and the new gatsby-source-wordpress@v5. The starter requires the installation of WPGraphQL and WPGatsby WordPress plugins. It also requires the default WordPress Twenty Twenty theme and specific menu slugs. Please note that comments, monthly archive pages, and tags are not implemented in this starter. The project is supported by the team at NeverNull GmbH and has contributions from developers Tyler Barnes, Jason Bahl, and Louie Christie.

Features:

  • Port of WordPress Twenty Twenty theme to Gatsby.
  • Utilizes Gatsby V3 and gatsby-source-wordpress@v5.
  • Required plugins: WPGraphQL and WPGatsby.
  • Requires the installation and activation of the default WordPress Twenty Twenty theme.
  • Requires the setup of specific menu slugs.
  • Customization of social icons requires changes to SocialMenu.js.
  • .env file configuration for domain variables.
  • Limitations: Comments, monthly archive pages, and tags are not implemented.
gatsby
Gatsby

GatsbyJS is a free and open-source static site generator based on React. It uses a modern development stack including Webpack, GraphQL, and modern JavaScript and CSS frameworks. It also provides a rich set of plugins, starters, and themes.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

template
Templates & Themes

A template or theme refers to a pre-designed layout or structure that provides a basic framework for building a specific type of application or website. It typically includes good design, placeholder content and functional features, allowing developers to customize and fill in the details according to their specific needs.