Snippets

Some collection of code snippets that I put for easy access, feel free to reuse!

• Absolute Import

  ––– likes

  •

  Setting up Absolute Imports with tsconfig & jsconfig

• Blur Loader with Cloudinary

  ––– likes

  •

  Blur Loader using Cloudinary, and Next Image.

• Conditional Link

  ––– likes

  •

  Component that can differentiate between internal link or new tab link

• Conventional Commits Readme

  ––– likes

  •

  Conventional commits documentation for README.md

• Efficient Youtube Embed

  ––– likes

  •

  Lib usage so your youtube embed won't bloat your website

• Husky, Commitlint, and Prettier Configuration

  ––– likes

  •

  Configuration to check commit message, and run prettier pre-commit

• React Hot Toast

  ––– likes

  •

  Current favorite lib for toast notifications, with some custom hook and implementation

• Search Debounce

  ––– likes

  •

  Debounce is used so the search input won't fire useEffect each changes

• Seo Component

  ––– likes

  •

  Seo component for Next.js

• Sticky Navigation

  ––– likes

  •

  Navigation Bar with position sticky, and will show shadow if not on top

• Tailwind CSS Base Style

  ––– likes

  •

  Base style I usually add to headings and body after preflight.

• next-themes

  ––– likes

  •

  Next themes library configuration for dark mode with tailwindcss