Overview:

This project started as a hackathon project and evolved into a template for developers. It integrates various technologies such as Next.js, Tailwind CSS, Supabase, Stripe, and Replicate AI. Users can buy credits for access to the upscale feature built around Replicate AI.

Features:

• Next.js 14: Built with the Next.js framework.
• Tailwind CSS: Utilizes Tailwind CSS for styling.
• Supabase: Uses Supabase for storage, authentication, and database.
• Stripe and Stripe Checkout: Integrated Stripe for payment processing.
• Replicate AI: AI predictions powered by Replicate AI.

Installation:

1. Configure environment variables with required keys.
2. Set up the database with the provided schema.
3. Configure the Stripe webhook URL to http://localhost:3000/api/stripe.
4. Start the development server by running the command.
5. Create an ngrok tunnel to expose localhost.
6. Uncomment the code in src/app/api/upload file for AI predictions.
7. Access the app and start using it.

Summary:

The project is a versatile template built with Next.js, Tailwind CSS, Supabase, Stripe, and Replicate AI. Users can experience AI predictions, purchase credits through Stripe, and access upscale features. Setting up the environment, database, and webhooks are essential for smooth operation.