Project under development with Gatsby JS and WordPress

💻 Local Environment

• Local by Flywheel

• WordPress theme as reference

🔧 Theme plugins dependecies

• WP Gatsby
• WP GraphQL
• ACF fields and ACF Pro
• WPGraphQL for Advanced Custom Fields
• WPML
• WPGraphQL WPML
• Polylang
• WPGraphQL Polylang
• Gravity form
• WPGraphQL for Gravity Forms
• Redux framework
• WPGraphQL Redux framework developed from myself and compatibility also with WP Gatsby
• Yoast Seo
• WPGraphQL for Yoast SEO

🪛 Gatsby plugin

• gatsby-source-wordpress
• gatsby-plugin-web-font-loader

🎯 Structure theme

• Header component
• Footer component
• Main component
• Different template pages as WordPress template hierarchy
• Get data from Redux Framework plugin (on progress)

🚀 Quick start

1. Create a Gatsby site.

   Use the Gatsby CLI to create a new site, specifying the minimal starter.

   # create a new Gatsby site using the minimal starter
   npm init gatsby

2. Start developing.

   Navigate into your new site’s directory and start it up.

   cd my-gatsby-site/
   npm run develop

3. Open the code and start customizing!

   Your site is now running at http://localhost:8000!

   Edit src/pages/index.js to see your site update in real-time!

4. Learn more

   • Documentation

   • Tutorials

   • Guides

   • API Reference

   • Plugin Library

   • Cheat Sheet

🚀 Quick start (Gatsby Cloud)

Deploy this starter with one click on Gatsby Cloud: