Every Problem can be traced back to a lack of assets. DynamiteFrog aims to provision those assets for common web development and digital marketing problems
Deep dives into the topics that matter most — curated collections of guides, cheatsheets and tutorials.
What is drush config:import? Drupal stores site configuration — think field settings, view modes, content types, display modes, roles, permissions, module settings — as YAML files on disk. drush c...
Create a claude.md file. !keep it short, keep it specific and only include what Claude can’t figure out for itself. Keep it lean but tell claude where to find the rest of the info. Ie for rules ar...
GraphQL sounds complicated. It isn’t. From JavaScript’s point of view, it’s just a fetch with a string describing what data you want. That’s it. This article teaches you the four things you need t...
get a microcontent get the finished peice of content {{ drupal_entity('microcontent', 10, 'horizontal') }} Get block {{ drupal_entity('block_content', 6) }} Replace ‘block_id’ with the machi...
Install npm install -D @tailwindcss/typography // tailwind.config.js plugins: [require('@tailwindcss/typography')] Basic usage Wrap any block of HTML (CMS content, markdown output, etc) wit...
Preprocess functions are used to modify variables before they are used in the template. This allows developers to customize the output of a page without having to modify the template itself. Prepro...
Complete guide to using Shopify metafields and metaobjects for custom data and dynamic content
A complete guide to integrating GraphQL into a headless Drupal + Next.js setup, from local development to dynamic routing. Overview In a headless Drupal + Next.js setup, GraphQL serves as the API...
React State We use state for variables whose value can change over time, and that when changed should trigger the component to re-render with the new data. Essentially, we use state to make our ...
1. Imports What the component depends on. import { useState, useEffect, useMemo } from "react"; import "./Button.css"; // styles (or CSS-in-JS) 2. The Function component function Button({ labe...