<h2>Overview</h2>
<p>This innovative blogging framework leverages the capabilities of Astro and TypeScript, resulting in a statically exported site that offers flexibility and efficiency. The project is designed to seamlessly manage content, metadata extraction, and user interactions while ensuring an engaging user experience. The blend of Astro’s component-based architecture with robust features like cryptocurrency donations and image handling makes this platform quite appealing for both creators and their audiences.</p>
<h2>Features</h2>
<ul>
<li><strong>Image Handling</strong>: Utilizes Astro's native <code>astro:assets</code> feature for automatic image sizing and control, ensuring high-quality images display perfectly across devices and screen sizes.</li>
<li><strong>EXIF Extraction</strong>: Automatically extracts EXIF, IPTC, and GPS metadata from images, enriching the markdown frontmatter during the build process for photo posts.</li>
<li><strong>Cryptocurrency Donations</strong>: Enables visitors to show appreciation with Ether, ERC-20 tokens, or Bitcoin, thanks to seamless Web3 wallet integration powered by RainbowKit and a custom web3 API.</li>
<li><strong>Global Search</strong>: Powered by fuse.js, it offers a comprehensive search function that fetches all post metadata for quick and efficient content discovery.</li>
<li><strong>Content Management</strong>: Organizes posts in a structured manner with respective markdown files and assets co-located, enhancing ease of use and manageability.</li>
<li><strong>Theme Switcher</strong>: Allows users to switch themes easily, providing a customizable and personalized experience according to user preferences.</li>
<li><strong>SVG Assets as Components</strong>: Facilitates using SVG assets directly as components, promoting better performance and scalability in design.</li>
<li><strong>Development Helpers</strong>: Includes essential tooling for linting, type checking, and testing, ensuring code quality and aiding developers in a smooth workflow.</li>
</ul>


<h2>Overview</h2>
<p>The Gatsby Plugin for Matomo is a resourceful tool enabling seamless integration of the Matomo analytics platform into Gatsby-based websites. With a strong emphasis on user experience, performance, and privacy, this plugin provides essential tracking functionalities that allow developers to gather valuable insights without compromising the visitor's online experience. Although the plugin has been deprecated due to the discontinuation of Gatsby, its features still provide a solid foundation for sites seeking to implement analytics efficiently.</p>
<h2>Features</h2>
<ul>
<li><strong>Effortless Tracking</strong>: Automatically includes the tracking code in all server-side rendered routes, ensuring comprehensive data collection.</li>
<li><strong>Custom Event Tracking</strong>: Tracks all route views as custom events, allowing for detailed behavioral analytics.</li>
<li><strong>Performance Focused</strong>: Loads tracking scripts at the end of the body tag to enhance page loading performance.</li>
<li><strong>Privacy Compliance</strong>: Implements various privacy controls, such as not loading scripts when "Do Not Track" is enabled, and only generating output in production environments.</li>
<li><strong>Consent Mode</strong>: Offers a consent mode feature to prioritize user privacy and compliance with regulations.</li>
<li><strong>Exclusion Paths</strong>: Provides options to define specific paths to be excluded from tracking, ensuring targeted analytics.</li>
<li><strong>Local Development Support</strong>: Supports a development mode for local testing, making it easy to check configurations without going live.</li>
</ul>


<h2>Overview:</h2>
<p>This product is a React-based app built with Next.js in Typescript for creating portfolios. It allows users to showcase projects with features like one data file to manage all content, project images, GitHub repositories display, location fetching, theme switcher, client-side vCard creation, importing SVG assets, and other development tools like linting, testing, and deployment support.</p>
<h2>Features:</h2>
<ul>
<li><strong>One data file to rule all pages</strong>: All project content is managed in one YAML file, allowing for easy updates and transformations.</li>
<li><strong>Project images</strong>: Automatic attachment of project images from a designated folder with responsive image generation.</li>
<li><strong>GitHub repositories</strong>: Display selected GitHub repositories with sorting and filtering options.</li>
<li><strong>Location</strong>: Fetch and display current or next location on a city level from a private nomadlist.com profile.</li>
<li><strong>Theme switcher</strong>: Toggle between light and dark themes with system theme compatibility.</li>
<li><strong>Client-side vCard creation</strong>: Generate downloadable vCard files based on user-defined data.</li>
<li><strong>Importing SVG assets</strong>: Support for importing SVG assets into the project.</li>
</ul>


Kremalicious

Blog

Gatsby Plugin Matomo

Portfolio