Хаджимурад Хидирбеков

// custom react hook
export function useHero(delay: number) {
  const [ready, setReady] = useState(false)
  useEffect(() => {
    const id = setTimeout(() => setReady(true), delay)
    return () => clearTimeout(id)
  }, [delay])
  return ready
}

// async data pipeline
async function loadPosts(): Promise<Post[]> {
  const res = await fetch('/api/posts', {
    headers: { 'Authorization': 'Bearer ' + token },
    cache: 'no-store'
  })
  if (!res.ok) throw new Error('Failed')
  return res.json()
}

-- published posts query
SELECT p.id, p.title, p.slug,
       count(c.id) AS comments
FROM posts p
LEFT JOIN comments c ON c.post_id = p.id
WHERE p.published = true
  AND p.created_at >= now() - interval '30 days'
GROUP BY p.id
ORDER BY p.created_at DESC LIMIT 10;

// domain types
export type Role = 'admin' | 'editor' | 'viewer'
export interface User {
  id: string
  email: string
  name: string
  role: Role
  createdAt: Date
  isActive?: boolean
}

// reusable button
type Props = {
  variant?: 'primary' | 'ghost'
  onClick?: () => void
}
export function Button({ variant = 'primary', onClick, children }: Props) {
  return (
    <button className={cn('btn', variant)} onClick={onClick}>
      {children}
    </button>
  )
}

# docker compose deploy
$ docker compose build --no-cache
→ building web, api, worker
$ docker compose up -d
✓ network app_default created
✓ container postgres healthy
✓ container redis healthy
→ ready in 1.24s on http://localhost:3000