This is a submission for the Cloudflare AI Challenge.
All in one app with ai for chat, image generation, text summarization, code copilot and Translation generator.
Demo
My Code
AI App for Chat, Code Copilot, Translation, Image Generation
Details of AI Models used
| Type | Model Name |
|---|---|
| Conversation | @cf/meta/llama-2-7b-chat-fp16 |
| Image generation | @cf/lykon/dreamshaper-8-lcm |
| Summarization | @cf/facebook/bart-large-cnn |
| Translation | @cf/meta/m2m100-1.2b |
| Code | @hf/mistral/mistral-7b-instruct-v0.2 |
Environmental Variables
CLOUDFLARE_AUTH_TOKEN=""
CLOUDFLARE_ACCOUNT_ID=""
open https://dash.cloudflare.com and grab your cridentials.
Run Development Server
npm run dev
Deploy on Cloudflare Pages
The easiest way to deploy your Next.js app is to use the Cloudflare Pages
Journey
Got a inspiration from Code with Antonio and this is the first time i am deploying a nextjs app on pages, it was easy to integrate AI models in nextjs app and easy to deploy nextjs app on Cloudflare Pages.
Multiple Models and/or Triple Task Types
Here is the list of all Cloudflare Models used in the project.
| Type | Model Name |
|---|---|
| Conversation | @cf/meta/llama-2-7b-chat-fp16 |
| Image generation | @cf/lykon/dreamshaper-8-lcm |
| Summarization | @cf/facebook/bart-large-cnn |
| Translation | @cf/meta/m2m100-1.2b |
| Code | @hf/mistral/mistral-7b-instruct-v0.2 |
Top comments (4)
Looks great.
Suggestion - May be, you could club multiple AI services and create a planner. Pick a scenario and then execute a plan consisting of multiple AI services and produce some meaningful results.
Very cool! One of the best submission I saw for the contest. I wish you good luck to win, and if you decide to (however you don't have since this is already awesome😍) to improve your project!!!
Thanks for your appreciation.
You're welcome! :D