Essential Web development & Digital Marketing cheatsheets, step by step guides and tutorials, code examples. Simplified.
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
Latest posts
Javascript Cheatsheet
Async Functions Async functions are everywhere in modern JavaScript because most real-world applications depend on asynchronous operations such as API requests, database calls, file access, and t...
Api development tutorial for Web Developers
API Development Tutorial: A Hands-On Guide Welcome to this tutorial designed for web developers who are new to working with APIs! This guide will walk you through a series of exercises to help yo...
SSG, SSR, ISR
Nextjs gives you options (ssg, ssr, isr) on a page by page basis for generating pages. SSG - Static site generation GetStaticProps Specifically when using frameworks like Next.js—”Static Props” r...

Git Branch Cheatsheet
Develop, Staging and Main git workflow using git switch Working with develop, staging, main git repo’s, and respective environments. 1. Start work on a feature branch (from develop) git switch de...
Drupal block interpolation
The Minimal Version Create display view Create a form view Create a normal select list field with names relative to the display and form view Apply to your paragraph block using the the s...
Gravity forms cheatsheet
This article is compilation of some of the more intricate Gravity Forms Functions and Features. Overwrite css Super hard to overwrite GF styles using classes. The simple way is just to use the id’...
Drupal Essential Modules
Essential Modules and themes When creating pretty basic stock standard website. This is modules I must have and This is what I use these modules for. Twig tweak adds convenient twig functions fo...
Build a 5-Page Headless Drupal 11 + Next.js Site with Paragraphs and GraphQL
A practical step-by-step guide to building a 5-page brochure website using Drupal 11 as a headless CMS with Paragraphs for flexible layouts, GraphQL Compose as the API layer, and Next.js as the fro...
React Cheatsheat
React Overview - 2024-05-11 Why React atomic design React allows you to build frontends in components and the components can be updated to form alternate components. This solves the problem of h...
CSS Cheatsheet
css code examples and for styling modern websites