Snippets

A curated list of snippets that I have found useful.

Dockerfile for Deploying Vite React SPAs with Nginx

bashdockerfile

A simple Dockerfile example for building React apps with Vite and serving them using Nginx. FROM

NestJS Custom Decorator for Validating Objects

typescript

A custom class-validator Decorator to validate if a particular property is object or not

Next.js API Route with Validation and Error Handling

typescriptjavascript

A type-safe API route implementation with Zod validation and proper error handling

Next.js with Convex DB Integration

typescriptjavascript

A comprehensive guide to integrating Convex DB with Next.js, including type-safe queries and mutations

Next.js Dynamic Metadata with TypeScript

typescriptjavascript

A type-safe approach to handling dynamic metadata in Next.js 14+ using the new metadata API

Modern React Error Boundary with TypeScript

typescriptjavascript

A type-safe error boundary component with fallback UI and error reporting

React Keyboard Shortcuts Hook

typescriptjavascript

A custom React hook for handling keyboard shortcuts with TypeScript support

React Query with TypeScript

typescriptjavascript

A comprehensive implementation of React Query with TypeScript, custom hooks, and error handling

Redux Toolkit with TypeScript

typescriptjavascript

A modern implementation of Redux Toolkit with TypeScript, including async thunks and proper typing

Advanced Tailwind CSS Responsive Utilities

csshtml

Custom Tailwind CSS utilities for complex responsive layouts