Master AI

Built with Next.js 13, React, Tailwind, Prisma, Stripe

Introduction

Master AI is an innovative application that combines cutting-edge technologies to provide various AI-powered tools for creative content generation. Leveraging Next.js 13, React, Tailwind CSS, Prisma, and Stripe, this app offers functionalities such as Image Generation, Video Generation, Conversation Generation, Music Generation, and a Chatbot. Additionally, it incorporates a seamless payment gateway for premium features. The application is designed with responsiveness in mind, ensuring an optimal user experience across devices.

Features

• Tailwind design
• Tailwind animations and effects
• Full responsiveness
• Clerk Authentication (Email, Google, 9+ Social Logins)
• Client form validation and handling using react-hook-form
• Server error handling using react-toast
• Image Generation Tool (Open AI)
• Video Generation Tool (Replicate AI)
• Conversation Generation Tool (Open AI)
• Music Generation Tool (Replicate AI)
• Page loading state
• Stripe monthly subscription
• Free tier with API limiting
• How to write POST, DELETE, and GET routes in route handlers (app/api)
• How to fetch data in server react components by directly accessing - database (WITHOUT API! like Magic!)
• How to handle relations between Server and Child components!
• How to reuse layouts
• Folder structure in Next 13 App Router

Screenshot

Technologies Used

Next.js 13

React

Tailwind CSS

Prisma

Stripe