The Orcish AI Next.js Framework is a powerful tool that leverages the capabilities of OpenAI API, OpenAI's advanced language models, to integrate AI functionalities seamlessly into your Next.js applications. With this framework, you can easily harness the power of AI to generate text, images, and text to speech based on your specified input.

To begin, install the required dependencies using the following command:

pnpm i

Create a copy of the provided .env.example file and name it .env. Fill in the required OpenAI API Key in the newly created .env file, and Clerk variables if you're going to use authentication:

cp .env.example .env

OPENAI_API_KEY=your_openai_api_key

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

Make sure to replace placeholder values with your actual API keys, and keep them safe!

After installing the dependencies, and adding configuration variables run the development server:

pnpm dev

Open http://localhost:3000 with your browser to see the result.

If you want to test out Orcish AI Next.js Framework without authentication, you can just put <AISelector /> component on app/page.tsx page.

1. Locate Input Field: On the index page of our application, you'll find an input field.

2. Insert Subject: Enter your desired subject into the input field.

3. Choose AI Model (Optional): If desired, you can select the AI model for text completion. By default it's going to be gpt-3.5-turbo.

4. Generate Text: Click on the Get Completion button. This action prompts the framework to generate text based on your input.

1. Switch Mode: To switch to image generation mode, click on the toggle, and click "Image".

2. Choose AI Image Model (Optional): If desired, you can select the Image AI model for image generation. By default it's going to be dall-e-3.

3. Get Image: Once in "Image" mode, click on the Get Image button. The AI will then generate an image based on your input.

1. Switch Mode: Click on the toggle again to switch to "Text to Speech" mode.

2. Choose AI Voice Model (Optional): If desired, you can select the Voice AI model for voice generation. By default it's going to be tts-1.

3. Choose AI Voice (Optional): If desired, you can select the voice for voice generation. By default it's going to be echo.

4. Generate Voice Output: With the mode set to "Text to Speech," click on the Get Voice Output button. This action will invoke the AI to generate an audio file that you can play.

The Orcish AI Next.js Framework provides a seamless integration of AI capabilities into your Next.js applications, offering a versatile and user-friendly experience for generating both text and images.