Snippet

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

• Absolute Import

  Setting up Absolute Imports with jsconfig

• Authentication Context

  Great way to structure authentication context in React apps.

• Blur Loader with Cloudinary

  Achieve 'Gatsby-like' Blur Loader using Cloudinary, and Next Image.

• Conditional Link

  Component that can differentiate between internal link or new tab link

• Conventional Commits Readme

  Conventional commits documentation for README.md

• Efficient Youtube Embed

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

• Husky, Commitlint, and Prettier Configuration

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

• React Hot Toast

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

• Search Debounce

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

• Seo Component

  Seo component for Next.js

• Sticky Navigation

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

• Tailwind CSS Base Style

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

• getFromLocalStorage

  Avoid error if window has not loaded

• next-themes

  Next themes library configuration for dark mode with tailwindcss