Skip to content

Build an App

Create Your App

The create command deploys your app to Cloudflare, registers it with your Gateway, and sets up your local dev environment.

Terminal window
npx everyapp app create
cd your-project-name
pnpm run dev

Database Migrations

When you or your coding agent make changes to the database schema, run the migrations locally:

Terminal window
pnpm run db:generate
pnpm run db:migrate:local

App Features

Anything you can build on Cloudflare, you can build in Every App.

  • All Cloudflare Infrastructure
    • Workers, KV, D1, Queues, Serverless Containers, Agents and more. Cloudflare’s developer platform gives you everything you need to build amazing full stack web apps.
  • Tanstack Start
    • Modern full stack framework built by the react-query team. Focused on type safety and a great DevEx for building applications.

Patterns

Our example apps follow well-defined patterns so that coding agents can help build high-quality apps. Reading the Patterns docs isn’t necessary to get started, but could be helpful when you want to understand why your agent is structuring code the way it is.

Deploy Updates

After making changes:

Terminal window
npx everyapp app deploy

This builds your app, runs any pending database migrations, and deploys to Cloudflare.

Example Prompt

Simple Prompt

Please make me task management tool. My goal is to build a minimal tool where I can track the state of tasks within multiple projects.


I'm thinking there should be a page for the board and a page for editing each task. I want it to support multiple boards as well.


There should also be a flow for me to invite other users to my board by email.

Detailed Prompt

The more detailed your prompt. The closer it will be to your vision.

Don’t worry about having everything figured out though. The agent can often piece together your intent and give you a good first draft to start from.

Please make me task management tool. My goal is to build a minimal tool where I can track the state of tasks within multiple projects.


## Key Concepts


Task - This is a discrete task that someone needs to complete. It should store the following data:


- Title (Required)
- Description
- Due Date
- Assignee
- Creator
- Status


Board - This is a collection of tasks. It should store the the following:


- Title
- Description
- Statuses (These are the possible statuses of tasks within the board, these should ordered)


## UI


### Pages


- Board - This shows the board and all the tasks. This has two view types: List and Board.
- Task - Show the task details and make the fields easily editable.
- User Settings - The user settings page should just allow users to change their name right now.


### Flows


- Request Name for new Users
  - When the user enters the app for the first time or if they just haven't set their name yet in general, prompt them to enter their name so that we can show it in the UI.
- Invite Users to Board
  - Somewhere in the board UI, add the ability to add Users to the board. Validate that the user exists server side, if they don't, show an error in the UI.
- Sidebar
  - (Mobile) - Please use a drawer sidebar instead of a TabBar. This will lets us show the boards easier. Also, default to list view for mobile.
  - The sidebar should show the list of boards that the user has access to. It should show them in order of which board they've last interacted with. Interaction counts as clicking on it in navigation.

Add Keyboard Navigation

This makes the code more complicated and not everyone wants this. If you do, ask for it to add keyboard navigation. This is set up in the Every App Todo app so it has a good example to reference.

Please come up with a plan for adding keyboard navigation based on the example Todo App in the Every App MCP tool.

Click the “Dev” button for your app in the Gateway to use your local dev server instead of the deployed version.