Build your own GPT-4 chatbot frontend with this open source Next.js template! Simply add your OpenAI API key as OPENAI_API_KEY and you're good to go!
Don't have early access to GPT-4? Replace gpt-4 with gpt-3.5-turbo in pages/api/chat.js.
Hit the run button to start the development server.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on /api/chat. This endpoint can be edited in pages/api/chat.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
To make your next App run smoothly in production make sure to turn this Repl to an Always On Repl.
You can also produce a production build by running npm run build and changing the run command to npm run start.