Build a complete responsive image gallery web application using Next.js (for deployment on Vercel) with the following core features:🎨 Frontend UIDisplay a scrollable and paginated image gallery grouped by categories (tabs/buttons).Support automatic pagination of images (e.g. 40 images per page) based on total images in each category.Design pages that auto-generate when I upload a bulk of images (e.g. 1000 images = 25 pages).Gallery layout should be grid-based with lazy-loaded, optimized thumbnails (use next/image).Clicking a category shows images for that category with pagination.Provide a featured carousel section (auto-rotating) for featured designs.🛠 Admin PanelBuild a secure admin panel (password protected) with full image/content management:Upload Features:Upload bulk images to selected categories via drag and drop or file input.System auto-creates pagination after upload.Upload UI should allow setting metadata (title, tags, description, price, featured).Edit Features:Reorder images (drag and drop), insert images in between existing ones.Delete, replace, or move any image to another category.All pagination shifts automatically based on image reordering.Category Control:Create, edit, delete categories (auto-generates buttons/pages).Each category has its own paginated image grid.UI Theme Editor:Admin panel should allow customization of:Website theme color,Button shape & style,Font choices.⚙️ Functional RequirementsUse Vercel Blob or Cloudinary or local /public/images folder for image storage (configurable).Automatically resize & optimize images on upload.Support watermarking and optional image overlays.SEO‑friendly with proper <meta> tags, structured data.📱 ResponsivenessMobile-friendly: auto-switch to single-column view.Modal image view for zoom-in or download preview.Sticky pagination controls on mobile.🧠 Tech Stack Suggestions (use as needed):Next.js, Tailwind CSS, shadcn/ui, Supabase or Firebase (optional DB),Vercel Blob or Cloudinary for image hosting,Optional: Framer Motion, Lucide icons.Final goal: After I upload images into selected categories, the system auto-generates paginated gallery pages per category, maintains image order, allows full admin control (create/edit/delete/replace/reorder), and supports flexible theming and design settings.
Loading...
The code returns the following error:
supabaseUrl is required.
at new d (@supabase/supabase-js)
at ne (@supabase/supabase-js)
at (/lib/supabase)
Revise the code to address the error.
I was previewing: /
Loading...
add bulk upload edit options like in manage bulk delete bulk edit details 2 types of view grid and list