Create app_

Create a Refine app project and integrate with Appwrite.

1 min read

Create a Refine app with the npm create command.

Bash

npm create refine-app@latest -- --preset refine-appwrite

We're using the refine-appwrite preset that installs the @refinedev/appwrite which already has the Appwrite dependency pre-configured.

To make this example more visual, we'll use the Ant Desing UI package which natively supported by Refine.

Existing projects

No additional dependencies are required for this tutorial. If you want to integrate Appwrite into an existing Refine app, use the following command.

Bash

npm install @refinedev/appwrite

You can start the development server to watch your app update in the browser as you make changes.

Bash

npm run dev -- --open --port 3000

Once the app is running, you should be greeted with the welcome screen.

Was this page helpful?

Share what worked or what we should fix. Once approved, our agents automatically apply suggested updates to the docs.