Vibe - Build something with AI

🤖 Introduction

Vibe is an AI-powered web app built with React 19, Next.js 15, Tailwind CSS v4, and Shadcn/ui. It uses the OpenAI API, tRPC for end-to-end type safety, Inngest for background jobs and agent workflows, Clerk for authentication and billing, and E2B cloud sandboxes for secure runtime execution.

🤸 Quick Start

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have the following installed on your machine:

• Git
• Node.js
• npm (Node Package Manager)

⚙️ Tech Stack

• React 19
• Next.js 15
• TypeScript
• TailwindCSS
• Shadcn
• OpenAI
• tRPC
• Clerk
• Inngest

Cloning the Repository

git clone https://github.com/kTz1/vibe-app.git
cd vibe-app

Installation

Install the project dependencies using npm:

npm run dev

Set Up Environment Variables

Create a new file named .env.local in the root of your project and add the following content:

#Database
DATABASE_URL=

# OpenAI
OPENAI_API_KEY=

# E2B
E2B_API_KEY=

# Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=
CLERK_SECRET_KEY=
NEXT_PUBLIC_CLERK_SIGN_IN_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_URL=
NEXT_PUBLIC_CLERK_SIGN_IN_FALLBACK_REDIRECT_URL=
NEXT_PUBLIC_CLERK_SIGN_UP_FALLBACK_REDIRECT_URL=

Replace the placeholder values with your actual respective account credentials. You can obtain these credentials by signing up on the Neon(database), OpenAI, E2B, and Clerk,

Running the Project

npm run dev

Open http://localhost:3000 in your browser to view the project.

🚀 Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.