basic structure setup

frontend/src/queries/articles.ts

@@ -0,0 +1,25 @@
+import { useQuery } from '@tanstack/react-query';
+import * as api from '../lib/api';
+
+export function useArticles(params: api.FindArticlesParams = {}) {
+  return useQuery({
+    queryKey: ['articles', params],
+    queryFn: () => api.fetchArticles(params),
+  });
+}
+
+export function useArticle(slug: string) {
+  return useQuery({
+    queryKey: ['article', slug],
+    queryFn: () => api.fetchArticleBySlug(slug),
+    enabled: !!slug,
+  });
+}
+
+export function useArticleById(id: string) {
+  return useQuery({
+    queryKey: ['article', id],
+    queryFn: () => api.fetchArticleById(id),
+    enabled: !!id,
+  });
+}