What You'll Get
In about half an hour, you'll launch your own website: with a homepage, sign-up and login, membership payments (Alipay and WeChat Pay supported), and an admin backend, running on Cloudflare and bound to your own domain.
- No need to buy a server. The site is deployed on Cloudflare Workers, and the database uses Cloudflare's D1, which is free to start.
- You barely need to write any code. The template comes with a Skill written for Agents. You describe your website in one sentence, and the Agent (Claude Code, Codex, etc.) follows the Skill to write the code and deploy it.
- CWYZ itself was launched using this same template and approach.
What You Need
| What | Description |
|---|---|
| Cloudflare account | Already logged in in your browser. If you don't have one, sign up for free at cloudflare.com |
| GitHub account | Used to get the template code. If you don't have one, sign up for free at github.com |
| ShipAny TanStack template | A paid template, bought once and usable forever. Purchasing through this link gives a 25 USD discount |
| An Agent | Claude Code recommended, though Codex or other Agents that work in the terminal are also fine |
| A domain (optional) | You can start with the free *.workers.dev address Cloudflare provides and bind a domain later |
Your computer also needs Node.js 22 or above, pnpm 10, and Git installed. If you don't know how to install them, ask the Agent to help: "Help me check and install Node.js 22, pnpm 10, and Git".
Step 1: Link Your GitHub Account to ShipAny and Get the Code (about 5 minutes)
The ShipAny template code lives in a private GitHub repository. After purchase, you need to link your GitHub account so you can access the code.
Sign in to unlock this key section
New accounts get 10 free credits, plus 1 more for each daily check-in. Spend 1 credit to unlock and it stays open for you.
Next, pull the code to your computer. Beginners are advised to use GitHub's official command-line tool gh, which logs in through the browser and doesn't require setting up an SSH key:
# Install gh (on Mac use Homebrew; on Windows you can use winget install GitHub.cli)
brew install gh
# Log in to GitHub in the browser
gh auth login
# Clone the code: replace <repo-name> with the TanStack template repository name you see on GitHub
gh repo clone shipany-ai/<repo-name> my-site
cd my-site
pnpm install
my-siteis the name of your local folder, and you can pick any name. If you have already set up SSH, you can also rungit clonewith the address you copied.
Step 2: Have the Agent Build the Website Your Way (about 10 to 15 minutes)
Open Claude Code in the my-site directory:
claude
The template comes with the /quick-start Skill. Tell it in one sentence what website you want to build, and be as specific as possible: what it does, who it's for, how it charges, and which website's look you'd like to reference.
/quick-start Build an AI wallpaper generator called WallpaperAI, where users enter prompts to generate wallpapers, billed by monthly subscription, with design referencing jasper.ai
The Agent will ask for any information it's missing (site name, which database to use, domain), then update the configuration itself, build the homepage, and wire up login and payments. For the database step, tell it directly: use Cloudflare D1.
When it's done, take a look locally:
pnpm dev
Open http://localhost:3000 in your browser. If anything isn't to your liking, just tell the Agent in plain language what to change, such as "change the homepage title to ……" or "change the price to 9.9 USD per month".
Step 3: Deploy to Cloudflare with One Sentence (about 5 to 10 minutes)
Say to the Agent:
/deploy-cloudflare Deploy to Cloudflare Workers, use D1 for the database
This Skill will automatically complete the following: create the D1 database, create tables, initialize permissions, configure secrets, build, deploy, and finally help you create an admin account.
The only step that requires you to act is authorizing Cloudflare: when the Agent runs wrangler login, a browser will open. Since you're already logged in to Cloudflare in your browser, just click Allow on the page. You won't need to enter a password again.
Before deploying, the Agent will ask you to confirm once (this is the only step that cannot be undone). Reply "confirm". When it's finished, it will give you an address in the form https://<name>.<your-account>.workers.dev, which you can open to access the site.
It's recommended to name the D1 database after your domain: for example, if your domain is
wallpaperai.com, name the databasewallpaperai. Once a D1 database is created, its name cannot be changed.
Step 4: Bind Your Own Domain (about 2 minutes)
The domain must first be added to Cloudflare (domains bought through Cloudflare are added automatically). Then choose one of two options:
- Have the Agent do it: "Bind wallpaperai.com to this Worker".
- Do it yourself: In the Cloudflare dashboard → Workers & Pages → select your Worker → Settings → Domains & Routes → Add → Custom Domain, enter the domain and save.
It takes effect within a few minutes, and Cloudflare automatically configures the HTTPS certificate. After binding, have the Agent change the site address to the new domain and deploy again, so that login callbacks and other features won't redirect to the old address.
Step 5: Configure Payments and Login in the Backend
Log in to yourdomain/admin with the admin account you created in Step 3, and configure the following under Settings:
- Payments: Stripe, PayPal, and Creem are supported, as well as Alipay and WeChat Pay. Enter the merchant information provided by each platform.
- Login: Email login is available by default. For one-click login with Google or GitHub, enter the corresponding OAuth information.
- Storage, email, AI and similar settings are also configured here, so you don't need to change code.
Making Changes Later
- Change content and add features: Keep telling the Agent, for example "add a blog page" or "add a points history to the user center". The template also includes Skills such as
/new-pageand/new-module. - Redeploy: After each change, say "redeploy", and the Agent will run
/deploy-cloudflareagain. You can run it repeatedly. - Pre-launch check: Say "run a launch check", and
/launch-auditwill check mobile adaptation, dark mode, SEO, performance, and security.
Costs
- Free to start. Cloudflare Workers and D1 both have free quotas, which are usually enough for a personal website.
- When traffic grows and you have more sites: Enable Workers Paid, which costs 5 USD per month and accepts credit cards issued in China. The free D1 tier allows up to 100,000 rows written per day; beyond that, the site can still be viewed but people can't sign up or place orders. The paid tier has much larger quotas.
Common Questions
- The repository doesn't show up on GitHub: Check that you entered your GitHub username rather than your email when activating, and confirm that you clicked Accept invitation.
gh repo clonereturns 404: The repository name is mistyped, or you logged in with a GitHub account other than the linked one. Rungh auth statusto see the current account.wrangler logindoesn't open in the browser: Copy the link printed in the terminal and paste it into a browser where you're logged in to Cloudflare.- The site is blank or shows an error after deployment: Paste the error message as-is to the Agent and say "the live site shows this error, help me look into it".
Comments (0)
No comments yet. Start the conversation.