Skip to content

Snippets

A collection of code snippets and solutions I've gathered over the years.

2026
•5 min read•605 views

Building a Responsive Masonry Layout in Next.js

Learn how to create a custom responsive masonry image grid in Next.js using React hooks and dynamic column balancing.

nextjsreacttypescriptlayoutfrontendmasonry
•8 min read•570 views

Ultimate MDX Blog Showcase

A complete MDX blog demonstrating all major Markdown, HTML, and MDX components.

mdxmarkdownreactblogging
•6 min read•701 views

Using MDX with Next.js for a Modern Developer Blog

Learn how to build a scalable, SEO-friendly developer blog using MDX, Next.js, and reusable React components.

nextjsmdxreactseofrontend
2025
•5 min read•752 views

Building a Production-Ready Button System with React, TypeScript, and Tailwind CSS

Learn how to create a scalable and accessible button component system with variants, loading states, icons, and reusable utilities.

reacttypescripttailwindcssdesign-systemfrontend
2024
•10 min read•695 views

Understanding and unlocking the power of tailwind.config.js file

The tailwind.config.js file customizes and extends Tailwind CSS, unlocking its full potential for tailored styling.

tailwindconfigtailwindcssdesign-systemfrontend
2023
•3 min read•404 views

Add Fireworks to your celebratory banners or announcement banners using fireworks-js.

Add Fireworks to you websites in just few lines of code.

codepenfireworks-jsreactfrontend