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.
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...
Cloudways Steps to take in cloudways UI select app deployment via git generate / copy ssh key (this key already exists.) Back in githup repo settings deployment keys paste the au...
Text Editing Mastering Vim is the most efficient way for editing text files. Here are some critical Vim commands that will get you editing text efficiently with Vim. Basic movement h l k j chara...