Kod Parçacıkları Kütüphanesi

State'i localStorage'da otomatik serileştirme ile kalıcı hale getiren özel bir hook.

import { useState, useEffect } from 'react'

Son değişiklikten belirli bir süre geçene kadar değer güncellemesini geciktiren hook.

import { useState, useEffect } from 'react'

Yükleme ve hata durumlarıyla birlikte genel veri çekme hook'u.

import { useState, useEffect } from 'react'

Dropdown veya modal kapatmak için referanslı elemanın dışındaki tıklamaları algılar.

import { useEffect, useRef } from 'react'

Akıcı animasyonlu erişilebilir toggle switch bileşeni.

import { useState } from 'react'

Arka plan, klavye desteği ve portal render ile yeniden kullanılabilir modal dialog.

import { useEffect, type ReactNode } from 'react'
import { createPortal } from 'react-dom'

Kullanıcı sayfanın altına yaklaştığında callback tetikleyen hook.

import { useEffect, useCallback } from 'react'

Sistem tercih algılamalı karanlık mod geçiş hook'u ve bileşeni.

import { useState, useEffect } from 'react'

İstek doğrulama ve hata yönetimi ile tipli API route handler.

import { NextRequest, NextResponse } from 'next/server'

Kimlik doğrulama token'ı kontrolü yaparak route'ları koruyan middleware.

import { NextRequest, NextResponse } from 'next/server'

Sayfa parametreleri ve çekilen verilere dayalı dinamik SEO metadata oluşturma.

import type { Metadata } from 'next'

Doğrulama ile server action kullanan form gönderimi.

'use server'

Statik ve dinamik route'lardan otomatik sitemap.xml oluşturma.

import type { MetadataRoute } from 'next'

Günlük TypeScript geliştirme için kullanışlı özel yardımcı tipler.

// Make specific keys optional
type PartialBy<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>

Const nesneler ve union tipler kullanarak tip güvenli enum alternatifleri.

// Instead of: enum Status { Active, Inactive, Pending }
// Use a const object:

Güvenli tip kontrolü için çalışma zamanı tip daraltma fonksiyonları.

// User-defined type guard
interface Dog { kind: 'dog'; bark(): void }

Otomatik TypeScript tip çıkarımı ile çalışma zamanı şema doğrulama.

import { z } from 'zod'

Jenerikler ve interceptor'lar ile tip güvenli, yeniden kullanılabilir HTTP istemcisi.

interface ApiResponse<T> {
  data: T

Modern UI kartları için backdrop-filter kullanan buzlu cam efekti.

.glass-card {
  background: rgba(255, 255, 255, 0.08);

Göz alıcı başlıklar için background-clip kullanarak metne gradyan renkler uygulama.

.gradient-text {
  background: linear-gradient(135deg, #667eea 0%, #764ba2 50%, #f093fb 100%);

Mobilden 1 sütundan masaüstünde 4 sütuna uyum sağlayan duyarlı grid sistemi.

<!-- Responsive card grid -->
<div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 p-6">

CSS ile yumuşak kaydırma davranışı ve bölümler için scroll-snap etkinleştirme.

/* Global smooth scrolling */
html {

Loglama, hata yönetimi ve CORS için yeniden kullanılabilir Express middleware fonksiyonları.

import express, { Request, Response, NextFunction } from 'express'

API kimlik doğrulama için JWT token oluşturma ve doğrulama middleware'i.

import jwt from 'jsonwebtoken'
import type { Request, Response, NextFunction } from 'express'

API'leri kötüye kullanımdan korumak için bellek içi hız sınırlayıcı middleware.

import type { Request, Response, NextFunction } from 'express'

Tür, boyut ve depolama yapılandırması doğrulamalı dosya yükleme yönetimi.

import multer from 'multer'
import path from 'path'

Eloquent modellerini yapılandırılmış JSON API yanıtlarına dönüştürme.

<?php

Kullanıcı rollerini kontrol eden ve istek detaylarını loglayan middleware.

<?php

Daha temiz ve ifade gücü yüksek Eloquent sorguları için yeniden kullanılabilir sorgu kapsamları.

<?php

Zaman alan görevleri asenkron olarak yönetmek için kuyruğa alınabilir iş.

<?php