DEV Community

Cover image for All in One AI App with Cloudflare Pages
Shailesh Chaudhary
Shailesh Chaudhary

Posted on

All in One AI App with Cloudflare Pages

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.

ai-cloudflare-app-banner

Demo

Demo Link

My Code

GitHub logo shaileshofficial2019 / ai-cloudflare

Cloudflare Challenge on dev.to

AI App for Chat, Code Copilot, Translation, Image Generation

ai-app-banner

Details of AI Models used

Environmental Variables

CLOUDFLARE_AUTH_TOKEN=""

CLOUDFLARE_ACCOUNT_ID=""
Enter fullscreen mode Exit fullscreen mode

open https://dash.cloudflare.com and grab your cridentials.

Run Development Server

npm run dev
Enter fullscreen mode Exit fullscreen mode

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.

Top comments (4)

Collapse
 
hikolakita profile image
Hikolakita

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!!!

Collapse
 
shaileshofficial2019 profile image
Shailesh Chaudhary

Thanks for your appreciation.

Collapse
 
hikolakita profile image
Hikolakita

You're welcome! :D

Collapse
 
ranjancse profile image
Ranjan Dailata

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.