GalleryProMax is a production-ready gallery application designed for efficient image storage, monitoring, and analytics. It’s built with a modern stack to ensure reliability, scalability, and ease of use.
- Image Management: Upload, organize, and display images with a user-friendly interface.
- Production-Grade Monitoring: Integrated with Sentry for real-time monitoring to track errors and performance.
- User Analytics: Uses Posthog to gain insights into user interactions and app performance.
- Rate Limiting: Upstash is implemented to manage and enforce rate limits, ensuring smooth and fair access.
- React + Next.js: Frontend framework for a responsive, single-page application experience.
- Postgres: Database solution for secure and efficient data management.
- Tailwind CSS: For a clean, responsive, and customizable UI design.
- Drizzle: ORM for structured and efficient database queries.
- Uploadthing: Simplifies file uploads and storage.
- Posthog: Provides in-depth analytics on user engagement and app usage.
- Clone the repository:
git clone https://github.com/111akash/gallerypromax.git - Install dependencies:
npm install - Set up environment variables for Postgres, Sentry, Posthog, and Upstash.
- Start the app locally:
npm run dev
- Make it deploy
- Scaffold basic ui with mock data
- Tidy up build process
- Actually set up a database
- Attach database to UI
- Add authentication (clerk)
- Add image upload
- "taint" (server-only)
- Use Next/Image component
- Error management (w/ Sentry)
- Routing/image page (parallel route)
- ShadUIfy (toasts specifically)
- Update upload button to be less cringe
- Analytics (posthog)
- Delete button (w/ Server Actions)
- Ratelimiting