Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mohitchandel/ai-app-template
This project is a comprehensive AI application template featuring a landing page and a dashboard with various AI-powered services. It's built using Next.js and tRPC, with Supabase for database management and Clerk for authentication
https://github.com/mohitchandel/ai-app-template
ai artifical-intelligense boilerplate boilerplate-template nextjs react reactjs saas saas-boilerplate supabase template trpc
Last synced: 26 days ago
JSON representation
This project is a comprehensive AI application template featuring a landing page and a dashboard with various AI-powered services. It's built using Next.js and tRPC, with Supabase for database management and Clerk for authentication
- Host: GitHub
- URL: https://github.com/mohitchandel/ai-app-template
- Owner: mohitchandel
- License: mit
- Created: 2024-08-27T07:09:50.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-09-07T16:59:54.000Z (4 months ago)
- Last Synced: 2024-10-15T15:22:09.947Z (2 months ago)
- Topics: ai, artifical-intelligense, boilerplate, boilerplate-template, nextjs, react, reactjs, saas, saas-boilerplate, supabase, template, trpc
- Language: TypeScript
- Homepage: https://ai-app-template.netlify.app/
- Size: 1.76 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md
Awesome Lists containing this project
README
https://github.com/user-attachments/assets/65bdb2bf-0932-495a-b804-3037173608a5
# AI APP Template
This project is a comprehensive AI application template featuring a landing page and a dashboard with various AI-powered services. It's built using Next.js and tRPC, with Supabase for database management and Clerk for authentication.
## Features
- Landing Page: Introduces users to the AI services offered.
- Dashboard: A central hub for accessing various AI tools.
### - AI Services:
- Text-to-Speech
- Voice Cloning
- Music Generation
- Story Generation
- Authentication: Powered by Clerk
- Database: Managed by Supabase
## Prerequisites
Before you begin, ensure you have the following installed:
Node.js (LTS version recommended)
npm or yarn
### Setup
#### 1. Clone the repository:
```bash
git clone https://github.com/mohitchandel/ai-app-template.git
cd ai-app-template
```
#### 2. Install dependencies:
`npm install or yarn install`
#### 3. Set up environment variables:
Create a .env.local file in the root directory and add the following variables:
```plaintext
# Supabase keys
SUPABASE_URL=your_supabase_url
NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key
NEXT_PUBLIC_SUPABASE_URL=your_supabase_url
# Clerk variables
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
```
Replace your_* with your actual Supabase and Clerk credentials.
#### 4. Run the development server:
`npm run dev or yarn dev`
Open http://localhost:3000 in your browser to see the application.
### Project Structure
- /pages: Contains the main pages of the application
- /components: Reusable React components
- /server: API routes for tRPC
- /supabase: Supabase client
#### Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
#### credits
- UI : [Shadcn UI](https://ui.shadcn.com/)
- Components : [shadcnblocks](https://www.shadcnblocks.com/)