NextJS Image Uploader

Overview

This is a modern web application built with Next.js that allows users to sign in and upload images. It features robust authentication, analytics, and rate limiting to ensure a secure and efficient user experience.

Features

• User Authentication: Secure sign-in functionality using Clerk
• Image Upload: Authenticated users can upload and delete their images
• Storing Images: Authenticated users can store their uploaded images on uploadthing
• Site Analytics: Integrated PostHog for tracking user behavior and application usage
• Rate Limiting: Implemented using Upstash to prevent abuse and ensure fair usage

Tech Stack

• Framework: Next.js
• Language: TypeScript
• Styling: Tailwind CSS
• UI Components: shadcn/ui
• Authentication: Clerk
• Database ORM: Drizzle
• Package Manager: pnpm
• Analytics: PostHog
• Rate Limiting: Upstash

Prerequisites

• Node.js (version 14 or later)
• pnpm
• A Clerk account for authentication
• A PostHog account for analytics
• An Upstash account for rate limiting

Login Page

User Page (I have already uploaded some images)

Single Image Page