Any files find in bucket
I would like to recover images from my bucket but with these logs, it returns that the bucket is empty
My list is empty apparently :
URL générée : ${publicUrl}
My list is empty apparently :
use client";
const supabase = createClientComponentClient();
const bucketName = "photo"; // Assurez-vous que ce nom est correct et correspond à celui du bucket public
const fileName = "cousre.jpg"; // Assurez-vous que le fichier existe dans le bucket
const publicUrl = ${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/${bucketName}//${fileName};
export default function Gallery() {
const [images, setImages] = useState<string[]>([]);
useEffect(() => {
const fetchImages = async () => {
try {
console.log("📡 Tentative de récupération des fichiers...");
// 🔍 Récupération des fichiers dans la racine
const { data, error } = await supabase.storage.from(bucketName).list("", { limit: 100 });
console.log("📂 Réponse Supabase :", data, error);
if (error) {
console.error("❌ Erreur Supabase :", error);
throw error;
}
console.log("URL de l'image :", publicUrl);
if (!data || data.length === 0) {
console.warn("⚠️ Aucun fichier trouvé dans le bucket.");
return;
}
// 🔍 Vérification des noms de fichiers retournés
console.log("📝 Fichiers trouvés :", data.map((file) => file.name));
// 🖼️ Génération des URLs publiques
const imageUrls = data.map((file) => {
const publicUrl = ${process.env.NEXT_PUBLIC_SUPABASE_URL}/storage/v1/object/public/${bucketName}//${fileName};
console.log( URL générée : ${publicUrl});
return publicUrl;
});
setImages(imageUrls);
} catch (err) {
console.error("❌ Erreur lors de la récupération des images :", err);
}
};
fetchImages();
}, []);
