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
shaileshofficial2019
/
ai-cloudflare
Cloudflare Challenge on dev.to
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 (5)
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
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.
I tried deploying a Next.js app on Cloudflare Pages for the first time, inspired by Code with Antonio’s tutorials. The process was surprisingly smooth, especially integrating AI models directly into the app. What stood out was how easily everything connected and deployed, making the workflow quite efficient. For those exploring AI tools, an all in one AI platform can be really useful — it consolidates access to multiple leading AI models under one subscription, covering text generation, image creation, coding, and more. This approach not only saves time but also reduces costs compared to subscribing to individual services. Plus, having the ability to compare outputs from different models helps in choosing the best results for your needs. Overall, combining Next.js with such AI platforms and Cloudflare Pages deployment creates a practical, scalable solution for building intelligent web apps.