Our Tech Stack: Transforming ideas into reality

Tech Stack Overview

1. Tailwind CSS

   Tailwind CSS makes Gutenberg Blocks absolute!

   There is plenty of free, professionally designed, fully responsive, and beautifully crafted Tailwind CSS components and design kits, ready to copy and paste into a webpage.

   https://tailwindcss.com/
2. Winden WordPress Plugin

   The Winden Plugin enhances our development workflow by optimizing our Tailwind configuration and ensuring that unused styles are purged. This results in faster loading times and a smaller CSS footprint. Why use a block design?

   https://dplugins.com/downloads/winden/
3. No Page Builder

   Unlike traditional websites, we skipped page builders entirely. This choice eliminates unnecessary overhead, speeds up page load times, and allows us to maintain full control over the HTML and CSS structure.

4. Custom HTML Blocks (Gutenberg: Block Editor)

   We rely exclusively on Custom HTML Blocks for content creation. This approach gives us the precision needed to build clean, semantic HTML, bypassing the limitations and excess code often introduced by other Gutenberg blocks.

5. Custom HTML Block Extension WordPress Plugin

   To further streamline our workflow, we use the Custom HTML Block Extension Plugin, which extends the functionality of the default HTML block in WordPress. This plugin enables us to write custom code directly within the WordPress editor with added convenience and flexibility.

6. Astra WordPress Theme

   Our site is built on the lightweight and versatile Astra Theme. Astra provides a solid foundation, with minimal design bloat, allowing us to fully leverage Tailwind CSS and custom code for styling and layout.

7. Safe SVG WordPress Plugin

   We use the Safe SVG Plugin to enable the safe and secure upload of SVG files. SVGs are scalable, lightweight, and perfect for delivering crisp, high-quality graphics across all devices.