Documentation

✅ Step-by-Step Guide to Use Ngrok on macOS 🔹 1. Install Ngrok If you have Homebrew: brew install ngrok/ngrok/ngrok Or download it manually from https://ngrok.com/download and follow the setup instructions. 🔹 2. Sign Up & Get an Auth Token 🔹 3. Connect Your Ngrok Account Replace YOUR_AUTHTOKEN_HERE with your token: ngrok config add-authtoken YOUR_AUTHTOKEN_HERE 🔹 […]

1. superfunky – react / wp 1.0. Improve the product card / template ✅ Time estimation: 1 day 1.0.1 Extra settings: 1.1 Variables list Time estimation: 4 days to 1 week work This post presents all the front-end variables available for mapping broke into smaller chunks. We need to add explanations to each fields so […]

Supported plugins: Below you can find the list of supported plugins that we have been using and tested their compatibility against any problems they may cause (without the wpgraphql family of plugins that has it’s compatibility covered in this post).

More coming soon – detailed screenshots and instructions. This seems to be the best low-budget solution for small companies and start up’s allowing You to avoid the cost of Woo subscriptions plugins around 250$ per year + extra costs of payment gateways that’s around 500$ per year actually for this functionality. Our theme supports external […]

superfunky theme’s whitepaper on current functionality being developed and improvements. The current coverage of functions can be observed on the shop.shroom4you.com website, the new features in development are listed below for the release of the production version later in time. Basically everything is working and custom functionality can be developed by your developers further after […]

Superfunky headless WooCommerce theme supports base.com integration with the default WooCommerce REST API mechanism. This allows easy implementation of multichannel e-commerce management allowing the merchants to synchronize data between their store’s and base for data flow into different marketplaces like ebay, amazon, allegro, empik, emag etc. For further details refer to the official base.com documentation […]

Roadmap 2021 💡 IdeaThought about a headless WP & Gatsby theme while sitting on the sofa with my dad and talking. 🧪 2022 Firs testsTried some open source solutions to study the possibilities. 02 2023 🔥 First work First commit to the gatsby-woo-shroom repo being the alpha of the theme. 🏭 2024 – 02 2025 […]

Both Tailwind CSS v3 and v4 is a powerful utility-first framework that enables rapid UI development. We are currently migrating to v4 to take advantage of it’s features, we publish this guide for further reference that provides an in-depth look at its compatibility, integration with key tools, and practical examples to help developers harness its […]

Why Monitor Web Performance? Web performance is a crucial factor in user experience, SEO rankings, and conversion rates. A slow-loading website can lead to increased bounce rates, reduced engagement, and lost revenue. Monitoring performance ensures your site stays fast, accessible, and optimized for search engines and users alike. Google PageSpeed Insights One of the best […]

In this post we explore how You can extend the GraphQL schema in the WordPress backend and sync the new data with the frontend. Adding schema to WPGraphQL with PHP So basically You can register any type of WordPress data with native WPGraphQL PHP functions as described here. This requires functions.php modifications or writing you […]

GraphQL IDEs for Development When working with a headless WordPress and Gatsby setup, you have access to powerful GraphQL IDEs that help visualize queries and test API responses efficiently. 1. Frontend GraphQL Explorer Accessible at:http://localhost:8000/__graphql This GraphiQL IDE is built into Gatsby’s development server, allowing you to explore and test GraphQL queries directly in your […]

Navigate to domain management. Add a domain You own or register a domain with netlify We assume You already own a domain. For registering domains refer to the domain registrator’s documentation. Set up Netlify DNS Migrate your domain records If You have configured any DNS records (If you didn’t go to the next step) for […]

In this part we explore how to integrate GTM, GA4, Consent Mode v2 and enchanced e-commerce events for GA4 with the headless Woo setup and superfunky theme on Netlify. Configuring Netlify’s post processing script injection First of all we need to add some scripts to the post-processing part in this location: Go to: https://app.netlify.com/sites/yoursite/configuration/deploys#post-processing Replace […]

Known errors and their solutions: 1. FetchError request to https://yourwebsite/graphql failed, reason: socket hang up 2. Woographql needs installing w/ Composer This is the recommend way for users using unique installations like WP Bedrock, Bitnami or SpinupWP. 3. Invalid JSON format: SyntaxError: Expected ‘,’ or ‘]’ after array element in JSON at position 395   […]

SuperFunky Theme – Product Features 🚀 Performance & Speed 🎨 User Experience & UI Features 🔐 User Authentication & Dashboard 🛍️ E-Commerce & WooCommerce Features 📩 Email & Automation ⚡ Flexible & Customizable Elements 🔍 SEO & Marketing 📦 Content & Page Generation 🛠️ Deployment & Futureproofing 🎉 Support & Updates SuperFunky is the ultimate […]

Superfunky Theme – Technical Specification Overview Superfunky is a headless WordPress + Gatsby WooCommerce theme designed for high-performance e-commerce. It utilizes a WordPress backend with a strict set of plugin versions and a Gatsby frontend with a predefined development workflow. Backend (WordPress) Requirements A running WordPress instance with Woo extension activated. We recommend secure and […]

The build time shown in the gatsby build command’s output will be the base for any periodical builds and limitations as well as budget and cost estimation calculations. Below is a sample image of a build running in production with 159 generated pages that took 79s. Based on Your business needs You may need to […]

Learn how to integrate Mailgun with superfunky the full stack way 1. Install Mailgun plugin in WordPress Find the plugin in the official repo or download it here. 2. Create a Mailgun account Then add a domain to handle the emails and SMTP. 3. Go to DNS settings Configure the required DNS records from mailgun […]

Coming soon… subscribe to get notified.

You need to obtain and configure each of the environment variables, that define Your configuration between the required services: There are 2 configuration files one for production and one for development + additional configuration should be done via netlify .env service – learn more here. Each of those files has the following contents: .env .env.development […]

1. Set up required plugins NOTE: It is recommended to test migrating to this plugin ecosystem using the WordPress Playground and the test configuration file available here. After the initial setup try importing Your current Woo & WP content and settings for any potential compatibility issues. If none exist proceed straight to Woo configuration. JSON […]

1. Testing the configuration Testing out the backend configuration for conflicts before buying the theme is available and recommended thanks to WordPress playground where You can preview the WP backend before purchasing. Download our test configuration file and import it into the playground to preview how will Your WordPress backend look. Then You can also […]

Enable automatic form detection on Netlify If you don’t want Netlify form handling go straight to the custom form handling section https://docs.netlify.com/forms/setup/#automatic-form-detection Well that was it, now Your frontend Contact and Newsletter forms will work out of the box. If You want to add new forms, just follow this guide on their html structure: https://docs.netlify.com/forms/setup/#html-forms […]

Superfunky comes with a couple of options that You can configure to support Full Site Editing. These are appended and able to set from Your Homepage after You imported the ACF JSON file and set Your Homepage. To import your ACF JSON: https://feathericons.com – This library is included on the frontend in the theme’s js […]

1. WordPress backend instance A running WordPress, we recommend secure and scalable hosting services like AWS or GCP for the backend instance, it will also need a separate domain or subdomain and a SSL certificate. Must have installed and configured plugins & theme (exact versions): Theme Plugins 2. Frontend CI / CD – GitHub & […]

Custom objects schemas You need to follow this schema when setting menu objects and socials for full site editing. They fields need to be imported first with the starter ACF JSON file. They are required for full configuration so make sure You prepare some, also note that after changes are made the frontend rebuild needs […]

This styles guide shows all the basic styles of the elements applied by the theme: All the elements support Tailwind CSS for styling* and dark mode can be set like shown in the minimal example below with the dark: prefix for any class. This will result in a styled heading with dark mode support. Nice […]

Running the development server for real time updates and full stack development. Make sure You have the WordPress backend correctly configured first before running the local server. Note: Works well with the new Woocommerce product editor found in: settings => advanced => features => Experimental features => New product editor => Try the new product […]

Publishing with superfunky headless WordPress Preferred editor – Gutenberg The SuperFunky theme is optimized for the WordPress Gutenberg editor, providing the best compatibility and flexibility. However, it also supports:✅ Any HTML input✅ Most other WordPress editors✅ Shortcodes This ensures that content creators can work seamlessly while benefiting from superfunky’s performance and styling features. Which pages […]