https://dynamitefrog.com/A productivity tool for web designers and developers who need to refer to Documentation to solve daily development challengers. Documentation, Cheatsheets, Guides and Checklists. 2026-03-09T23:32:47+00:00 Daniel Florido https://dynamitefrog.com/ Jekyll © 2026 Daniel Florido /assets/img/favicons/favicon.ico /assets/img/favicons/favicon-96x96.png 2026-03-08T22:00:00+00:00 2026-03-09T23:29:14+00:00 https://dynamitefrog.com/posts/headless-drupal-11-nextjs-paragraphs-5-page-site/ Daniel Florido

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 frontend. Every step is explained from first principles — including the JavaScript and GraphQL parts. Pages we are building: Home, About, Services, Contact, Privacy Policy Related reading: Headless ...

2026-03-08T22:00:00+00:00 2026-03-08T22:00:00+00:00 https://dynamitefrog.com/posts/graphql-for-javascript-beginners/ Daniel Florido

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 to know to be productive with GraphQL in a Next.js or plain JavaScript project. What GraphQL actually is With a REST API you hit different URLs for different data: GET /api/users/1 GET /api/users/...

2026-03-06T21:49:00+00:00 2026-03-06T21:49:00+00:00 https://dynamitefrog.com/posts/ssg-ssr-isr/ Daniel Florido

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” refers to a method of fetching data at build time. Static props is pre-rendered html for use in static html. You can use get Static props for content that does not change. Sales pages, blog posts. docu...

2026-03-02T01:03:00+00:00 2026-03-02T01:03:00+00:00 https://dynamitefrog.com/posts/twig-tweak-cheatsheet/ Daniel Florido

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 machine name of the block you want to render. Alternatively, you can place the block in a region via the Drupal admin interface and ensure your node template includes that region. This method doesn’t requ...

2026-02-28T21:00:00+00:00 2026-02-28T21:00:00+00:00 https://dynamitefrog.com/posts/tailwind-prose-cheatsheet/ Daniel Florido

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) with prose: <div class="prose"> <h1>Title</h1> <p>Paragraph text...</p> </div> No extra classes needed on child elements. Prose styles h1–h6, p, a, blockquote, ...