Can anyone help me with the WordPress Gatsby setup?

This page summarizes the projects mentioned and recommended in the original post on /r/gatsbyjs

Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • WorkOS - The modern identity platform for B2B SaaS
  • Gatsby

    The best React-based framework with performance, scalability and security built in.

  • require("dotenv").config({ path: ".env", }) /** * 👋 Hey there! * This file is the starting point for your new WordPress/Gatsby site! 🚀 * For more information about what this file is and does, see * https://www.gatsbyjs.com/docs/gatsby-config/ * */ module.exports = { /** * Adding plugins to this array adds them to your Gatsby site. * * Gatsby has a rich ecosystem of plugins. * If you need any more you can search here: https://www.gatsbyjs.com/plugins/ */ plugins: [ { /** * First up is the WordPress source plugin that connects Gatsby * to your WordPress site. * * visit the plugin docs to learn more * https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-source-wordpress/README.md * */ resolve: `gatsby-source-wordpress`, options: { // the only required plugin option for WordPress is the GraphQL url. // url: process.env.WPGRAPHQL_URL, url: process.env.WPGRAPHQL_URL, develop: { hardCacheMediaFiles: true, // false by default }, schema: { timeout: 600000, perPage: 20, // currently set to 30 requestConcurrency: 5, // currently set to 15 previewRequestConcurrency: 2, // currently set to 5 }, // useACF: true, }, }, /** * We need this plugin so that it adds the "File.publicURL" to our site * It will allow us to access static url's for assets like PDF's * * See https://www.gatsbyjs.org/packages/gatsby-source-filesystem/ for more info */ { resolve: `gatsby-source-filesystem`, options: { name: `assets`, path: `${__dirname}/content/assets`, }, }, /** * The following two plugins are required if you want to use Gatsby image * See https://www.gatsbyjs.com/docs/gatsby-image/#setting-up-gatsby-image * if you're curious about it. */ { resolve: "gatsby-plugin-postcss", options: { postCssPlugins: [ require("postcss-import"), require("tailwindcss"), require("autoprefixer"), ], }, }, `gatsby-transformer-sharp`, `gatsby-plugin-sharp`, `gatsby-plugin-image`, { // See https://www.gatsbyjs.com/plugins/gatsby-plugin-manifest/?=gatsby-plugin-manifest resolve: `gatsby-plugin-manifest`, options: { icon: `content/assets/gatsby-icon.png`, }, }, // See https://www.gatsbyjs.com/plugins/gatsby-plugin-react-helmet/?=gatsby-plugin-react-helmet `gatsby-plugin-react-helmet`, /** * this (optional) plugin enables Progressive Web App + Offline functionality * To learn more, visit: https://gatsby.dev/offline */ // `gatsby-plugin-offline`, ], }

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo
NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts