Micro Scale

µScale: Next.js Image Upscaling Web App Template with AI

µScale is an open-source web application template designed for developers using Next.js. It enables the creation of platforms that can upscale images up to 2x their original resolution through AI, specifically leveraging Replicate AI. The template integrates Supabase for backend services including storage, authentication, and database management, along with Stripe for handling payments, allowing users to purchase credits for the upscaling feature. This provides a solid foundation for building feature-rich image processing applications.

Features:

• Next.js 14 Integration: Built with the latest Next.js version, supporting React Server Components and client components.
• AI Image Upscaling: Leverages Replicate AI (specifically the nightmareai/real-esrgan model) to enhance image resolution up to 2x.
• Supabase Backend Suite: Integrates Supabase for comprehensive backend services including user authentication, file storage, and database management.
• Stripe Payment System: Incorporates Stripe and Stripe Checkout, enabling users to purchase credits for accessing the upscaling feature.
• shadcn/ui Component Library: Utilizes shadcn/ui for building a modern and customizable user interface.
• Sonner Toast Notifications: Implements sonner to provide unobtrusive toast notifications for user feedback.
• Tailwind CSS Styling: Styled with Tailwind CSS, facilitating rapid and utility-first UI development.
• Predefined Database Schema: Comes with a ready-to-use Supabase database schema for managing 'credits' and 'predictions' records.
• Stripe Webhook Endpoint: Includes a pre-configured API route (/api/stripe) for handling Stripe payment success webhooks.
• ngrok for Local Development: Recommends ngrok to expose the local development server, necessary for Replicate AI webhook callbacks during development.
• Open-Source (MIT License): Provided as an open-source template under the MIT License, allowing free use and modification.
• Demo Mode: Features a demo mode for showcasing functionality with mocked data, without live API calls or data persistence.

Summary:

µScale offers developers a comprehensive Next.js starter template for creating AI-powered image upscaling applications. It bundles essential features like Replicate AI for image processing, Supabase for backend operations (auth, storage, DB), and Stripe for monetization through credit purchases. This template accelerates development by providing a robust, pre-configured foundation for building and deploying sophisticated image enhancement tools, complete with UI components and local development setup instructions.