---
layout: article
title: Start with Sites
description: Get started quickly with Appwrite Sites. Follow a step-by-step guide to create your first Appwrite Site and deploy a web app.
---

# Start with Sites

You can create and execute your first Appwrite Site in minutes.

# Create site

Before deploying your web app with Git, create a new Site attached to your GitHub repository.

{% only_dark %}
![Create site wizard](/images/docs/sites/dark/create-site-wizard.avif)
{% /only_dark %}
{% only_light %}
![Create site wizard](/images/docs/sites/create-site-wizard.avif)
{% /only_light %}

1. In the Appwrite Console's sidebar, click **Sites**.
2. Click on the **Create site** button.
3. After clicking on **Connect Git repository**, select your repository.
4. After connecting to GitHub, (optionally) add a name and site ID.
5. Verify that the correct framework is selected.
6. Confirm the install command, build command, and output directory in the build settings. Visit your preferred [framework quick-start](#framework-quick-starts) to learn more.
7. Add any environment variables required by the site.
6. The site will be created, and a build will begin. Once the build is completed, you'll have created your first site. You can use your site's **domain** to access the deployment.

# Framework quick-starts

Learn how to quickly setup a web app developed using any of the following frameworks and deploy it on Appwrite Sites.

{% cards %}

{% cards_item href="/docs/products/sites/quick-start/nextjs" title="Next.js" icon="icon-nextjs" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/nuxt" title="Nuxt" icon="icon-nuxt" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/sveltekit" title="SvelteKit" icon="icon-svelte" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/angular" title="Angular" icon="icon-angular" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/remix" title="Remix" icon="web-icon-remix" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/astro" title="Astro" icon="icon-astro" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/react" title="React" icon="icon-react" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/vue" title="Vue.js" icon="web-icon-vue" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/flutter" title="Flutter" icon="icon-flutter" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/react-native" title="React Native" icon="icon-react-native" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/vanilla" title="Vanilla JS" icon="icon-js" %}
{% /cards_item %}

{% cards_item href="/docs/products/sites/quick-start/tanstack-start" title="TanStack Start" icon="web-icon-tanstack" %}
{% /cards_item %}

{% /cards %}

# Explore

Use your first site as a springboard to explore the flexible and powerful features of Appwrite Sites.

{% cards %}

{% cards_item href="/docs/products/sites/templates" title="Templates" %}
Get a template site up and running with a single click.
{% /cards_item %}

{% cards_item href="/docs/products/sites/develop" title="Develop" %}
Learn about developing your own Appwrite Site.
{% /cards_item %}

{% cards_item href="/docs/products/sites/deploy-from-git" title="Deploy" %}
Configure and deploy your Appwrite Site from Git.
{% /cards_item %}

{% cards_item href="/docs/products/sites/frameworks" title="Frameworks" %}
Learn which frameworks are supported by Appwrite Sites.
{% /cards_item %}

{% /cards %}