GPT

Firestore Setup

'use client'; import { useState, useCallback } from 'react'; import { collection, doc, query, where, orderBy, limit, getDocs, getDoc, addDoc, updateDoc, deleteDoc, type Query, type DocumentData } from 'fire

Prompt text

Original English text. Replace placeholders with your own details.

'use client';

import { useState, useCallback } from 'react';
import {
 collection,
 doc,
 query,
 where,
 orderBy,
 limit,
 getDocs,
 getDoc,
 addDoc,
 updateDoc,
 deleteDoc,
 type Query,
 type DocumentData
} from 'firebase/firestore';
import { db } from '@/lib/firebase/client';

export function useFirestore<T = DocumentData>(collectionName: string) {
 const [loading, setLoading] = useState(false);
 const [error, setError] = useState<Error | null>(null);

 const getDocuments = useCallback(async (
 constraints?: {
 where?: [string, firebase.firestore.WhereFilterOp, any][];
 orderBy?: [string, 'asc' | 'desc'][];
 limit?: number;
 }
 ) => {
 setLoading(true);
 setError(null);

 try {
 let q: Query = collection(db, collectionName);

 if (constraints) {
 if (constraints.where) {
 constraints.where.forEach(([field, op, value]) => {
 q = query(q, where(field, op, value));
 });
 }

 if (constraints.orderBy) {
 constraints.orderBy.forEach(([field, direction]) => {
 q = query(q, orderBy(field, direction));
 });
 }

 if (constraints.limit) {
 q = query(q, limit(constraints.limit));
 }
 }

 const snapshot = await getDocs(q);
 return snapshot.docs.map(doc => ({
 id: doc.id,
 ...doc.data()
 })) as T[];
 } catch (err: any) {
 setError(err);
 throw err;
 } finally {
 setLoading(false);
 }
 }, [collectionName]);

 const getDocument = useCallback(async (id: string) => {
 setLoading(true);
 setError(null);

 try {
 const docRef = doc(db, collectionName, id);
 const docSnap = await getDoc(docRef);

 if (!docSnap.exists()) {
 throw new Error('Document not found');
 }

 return {
 id: docSnap.id,
 ...docSnap.data()
 } as T;
 } catch (err: any) {
 setError(err);
 throw err;
 } finally {
 setLoading(false);
 }
 }, [collectionName]);

 const addDocument = useCallback(async (data: Omit<T, 'id'>) => {
 setLoading(true);
 setError(null);

 try {
 const docRef = await addDoc(collection(db, collectionName), data);
 return docRef.id;
 } catch (err: any) {
 setError(err);
 throw err;
 } finally {
 setLoading(false);
 }
 }, [collectionName]);

 const updateDocument = useCallback(async (id: string, data: Partial<T>) => {
 setLoading(true);
 setError(null);

 try {
 const docRef = doc(db, collectionName, id);
 await updateDoc(docRef, data as DocumentData);
 } catch (err: any) {
 setError(err);
 throw err;
 } finally {
 setLoading(false);
 }
 }, [collectionName]);

 const deleteDocument = useCallback(async (id: string) => {
 setLoading(true);
 setError(null);

 try {
 const docRef = doc(db, collectionName, id);
 await deleteDoc(docRef);
 } catch (err: any) {
 setError(err);
 throw err;
 } finally {
 setLoading(false);
 }
 }, [collectionName]);

 return {
 loading,
 error,
 getDocuments,
 getDocument,
 addDocument,
 updateDocument,
 deleteDocument
 };
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →