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:
Let’s explore some of the technicalities of this starter template.
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
Next, install the backend components using the following command:
Then lastly, run the following two commands to run the application:
npm install && run dev
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
You can also use
yarn instead of
For more information, check the official documentation for Laravel Sail.
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.