DEV Community

Cover image for ChatGPT Starter Template in Laravel
Bilal Haidar
Bilal Haidar

Posted on

ChatGPT Starter Template in Laravel

GPT-3, and specifically ChatGPT, is the buzz right now! AI (Artificial Intelligence) is progressing exponentially and finding its way into many fields, including natural language processing, image processing, and other areas.

I've been a fan of ChatGPT since the beginning, relying on it daily to explore and learn new things easily and quickly.

The advent of both the openai-php/client and openai-php/laravel packages have me excited to use OpenAI API in my projects. So, I built this (replica) ChatGPT Starter Template in Laravel. This can be the base for any future or more extensive application in Laravel.

Let's look at the layout of this starter kit:

ChatGPT Starter Kit for Laravel

Let's explore some of the technicalities of this starter template.

Technical Stack

I am using the following technologies for this starter template:

  • The latest Laravel v9.x package.
  • The latest openai-php/laravel package.
  • Inertia JS v1.0
  • The latest Tailwindcss v3.x

You initially start with a brand new Laravel application and add the Laravel Breeze starter kit.

While developing this starter kit, I isolated the code and all necessary components under the GPT folder. This applies to the backend code, where everything is under the app\Gpt folder. Or the front-end code where I've added the resources/js/Pages/Gpt.vue page and resources/js/Components/Gpt folder. Finally, for tests, I've added the tests/Feature/Gpt folder to test the functionality of the starter kit.

To run this application, grab your own OpenAI API Key and place it in the .env file:



OPENAI_API_KEY=


Enter fullscreen mode Exit fullscreen mode

Next, install the backend components using the following command:



composer install


Enter fullscreen mode Exit fullscreen mode

Then lastly, run the following two commands to run the application:



npm install && run dev


Enter fullscreen mode Exit fullscreen mode

The starter kit also supports running over a Docker container using the official Laravel Sail package. Therefore, you can run it using docker sail with these commands:



./vendor/bin/sail up -d
./vendor/bin/sail npm
./vendor/bin/sail npm run dev


Enter fullscreen mode Exit fullscreen mode

You can also use yarn instead of npm.

For more information, check the official documentation for Laravel Sail.

Functioning

When the GPT Index page loads for the first time, it performs a GET request to the OpenAI API to retrieve all saved models. Those models appear on the left-sidebar of the starter kit to allow the user to select an OpenAI model or engine.

On the GPT Index page, I've set the default model to be text-davinci-003. This is the most popular model, and you can change it.

The user can also play with the Temperature of the completions. The lower the temperature value, the more accurate and straightforward the answer will be.

Finally, the user can change the Maximum Length or tokens, generally between 0 and 4000.

When a user enters a new prompt, a new POST request is sent to the server and passes over the following fields:

  • Model name
  • Temperature value
  • Maximum length tokens value
  • Prompt text.

The server, by turn, issues a completion request to the OpenAI API to generate a response.

The response text is then displayed to the user as a reply from the OpenAI API.

Preserving the Context

Something that I noticed in the OpenAI API is preserving the context from one prompt to another was absent.

If you try the official chat.openai.com/ website, you notice the context is preserved. For instance, you prompt the chatbot to list five recipes, including shrimp. In the following prompt, you ask the chatbot to list the ingredients of the second option. Notice that you don't specify the recipe's name in the second option. The ChatGPT chatbot preserves the context and remembers your previous prompt or discussion.

Therefore, this feature is part of the ChatGPT chatbot rather than the OpenAI API.

I found a way to pass context to the model in this starter kit. Hence, using this starter kit, you will have a managed context. The model will remember the original discussion for every new prompt you send. I won't uncover what I did; you can see it when you download your copy of this starter kit :-)

Downloading the Starter Kit

I've spent a fair amount of time creating the Starter Kit, which retails at only 50 USD.

You can download your copy by following the URL here: ChatGPT Starter Kit for Laravel

I hope you enjoy using this starter kit and find it a handy tool to start building your solutions on top of it. I’d love to see what you achieve with it.

Top comments (8)

Collapse
 
simonhamp profile image
Simon Hamp

Sounds really interesting. I will give it a go and report back.

Where do I enter the discount code?

Collapse
 
simonhamp profile image
Simon Hamp

Ok, I've ordered... but I haven't received a invitation to the repo yet...

Collapse
 
simonhamp profile image
Simon Hamp

Still haven't received an invitation to the repo... getting a little concerned

Thread Thread
 
staticmaker1 profile image
staticmaker

Hi, did you get the code? I want to buy as well.

Thread Thread
 
simonhamp profile image
Simon Hamp

Yep. I haven't checked it out yet tho

Collapse
 
bhaidar profile image
Bilal Haidar

Hi @simonhamp Thanks for purchasing this template. It's the first time I sell a "repository" so it took me some time to understand the whole thing :-) Thanks for your patience.

Collapse
 
leslielai6 profile image
leslielai6

Can you tell me the overall installation tutorial? I found that I couldn't start composer installation whether it was php8.2 or 8.1

Collapse
 
anderpe_ profile image
Anderson

can it be installed in cpanel?