Deploy a Flutter Web app to Appwrite Sites_

1. Create Flutter Web app

First, you must either create a Flutter Web app or setup the Flutter Web starter template.

Open your terminal, and run the following command.

flutter create my_app

In case you have an existing Flutter app and want to add web support to it, you must run the following command in your project directory:

flutter create . --platforms web

Push this project to a GitHub repository.

2. Create Appwrite project

Head to the Appwrite Console.

If this is your first time using Appwrite, create an account and create your first project.

3. Create site

Head to the Sites page in your Appwrite project, click on the Create site button, and select Connect a repository.

Connect your GitHub account and select the repository you intend to deploy (or allow all repositories, for future ease).

1. Select the production branch and root directory from your repo.
2. Verify that the correct framework is selected. In case an incorrect framework is visible, pick Flutter Web from the drop-down list.
3. Confirm the install command, build command, and output directory in the build settings. The default build settings for Flutter Web are:
   • Install command: flutter pub get
   • Build command: flutter build web --release -t lib/main.dart
   • Output directory: ./build/web
4. Add any environment variables required by the site. This is not necessary if you're deploying the starter app.

Click on the Deploy button.

4. Visit site

After successful deployment, click on the Visit site button.