Step 0:

Create a github account.
Create a free cloudflare account.

Step 1:

Go to github, create a new respository.
Go to cloudflare, setup a page.
Sync to github - click github repo name, click deploy.
This will give you a default url to work with, example "aisetupguide.pages.dev" - tip, remember to create/upload at least 1 file in your new github before connecting to cloudflare.

On the left hand side menu of cloudflare, you will see AI under build.
Models will show you what you can have available and its token limits.
We are going to use AI Gateway for this > click it > then click custom gateway.

Turn off collect logs - we want to manually choose what we log and not just capture everything if you care about privacy.
Turn on Rate Limit Requests and Retry Requests (limit bots accessing your page).
Click create authentication token in Authenticated Gateway.
Make a token name (whatever), in permissions craete Account / AI Gateway / Edit and Account / AI Gateway / Read. Leave Account Resources as your account.

Copy the token.
On the left hand menu, go to Workers and Pages, under Compute.
Click Settings > Variables and Secrets > Add.
Change Text to Secret. Add in any variable name you like to remember its the API token (like API_TOKEN), then paste the token into the value.
Why we add it as a secret, is so when we "talk to it" from our cloudflare, but anyone accessing the website will only see its name as whatever we make the variable name, not actually the API value so it can't be stolen.

Thats part 1 done.

You now have an AI Gateway linked to your Website hosted in Cloudflare. You can choose to setup a custom domain now if you want to and tweak the website, etc.

Go through the models page, to figure out which models you want. Ie, pick a default - for me I use Hermes as the default https://www.youtube.com/watch?v=12Cffcjha-w.

If you click any of the models on this page https://developers.cloudflare.com/workers-ai/models/, it lets you Launch the LLM playground which lets you play with the model.