Skip to content

Add project-v docs #1867

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 49 commits into
base: main
Choose a base branch
from
Open

Add project-v docs #1867

wants to merge 49 commits into from

Conversation

adityaoberai
Copy link
Member

@adityaoberai adityaoberai commented Mar 18, 2025

What does this PR do?

Adds project-v docs

Pending work:

  • SSR page
  • Static page
  • Hosting methods section and Using Appwrite section in Develop page
  • Quickstarts for all the frameworks
  • Verify all Appwrite env variables

Test Plan

  • pnpm i && pnpm run dev

Related PRs and Issues

  • N/A

Have you read the Contributing Guidelines on issues?

Yes

Comment on lines 18 to 28
| Variable | Description | Available at Build and/or Run Time |
| --- | --- | --- |
| `APPWRITE_SITE_API_ENDPOINT` | The API endpoint of the running site | Both |
| `APPWRITE_VERSION` | The Appwrite version used to run the site | Both |
| `APPWRITE_REGION` | The region where the site will run from | Both |
| `APPWRITE_SITE_API_KEY` | The site API key is used for server authentication | Build time |
| `APPWRITE_SITE_ID` | The ID of the running site. | Both |
| `APPWRITE_SITE_NAME` | The name of the running site. | Both |
| `APPWRITE_SITE_DEPLOYMENT` | The deployment ID of the running sites. | Both |
| `APPWRITE_SITE_PROJECT_ID` | The project ID of the running site. | Both |
| `APPWRITE_SITE_FRAMEWORK_NAME` | The framework of the running site. | Both |
Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Meldiron need to confirm this list

@adityaoberai adityaoberai requested a review from Meldiron March 18, 2025 14:09
@coolify-appwrite-org
Copy link

coolify-appwrite-org bot commented Mar 18, 2025

The preview deployment is ready. 🟢

Open Preview | Open Build Logs

Last updated at: 2025-04-22 19:40:46 CET

The domain usually has this format.

```bash
https://64d4d22db370ae41a32e.sites.appwrite.global
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Confirm with CHristy, I think all domains will become .network on sites.

For functions, .network will also be available, but I think they will also support .run, for region-specific run. Check that with christy too; we may want that rework as separate PR, but for Sites, let's have new docs accurate

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Will check on this

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it will.

@@ -70,6 +70,12 @@
href: '/docs/products/ai',
icon: 'icon-chip',
isParent: true
},
{
label: 'Sites',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's have this above storage

@@ -48,6 +48,9 @@ Deploy and scale serverless functions in secure, isolated runtimes.
{% cards_item href="/docs/references/cloud/server-nodejs/messaging" title="Messaging" %}
Send push notifications, SMS, or emails to users or groups of users using your app.
{% /cards_item %}
{% cards_item href="/docs/references/cloud/server-nodejs/sites" title="Sites" %}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's have this before Storage

@@ -71,6 +71,11 @@
icon: 'icon-send',
href: `${prefix}/messaging`
},
{
label: 'Sites',
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's have this before Storage

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Can we link directly to the server specs on services with no client specs like Sites and Users?

description: Explore how hosting works on Appwrite Sites.
---

There are two rendering methods you can use to host your web app on Appwrite Sites.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This page should have a lot more depth, both for users first exploring this concepts and also for SEO.
I also don't think the title/path is a best fit. I would just call this Rendering or Rendering strategies I think the overview needs to go more in depth into the differences between the strategies.

Comment on lines +11 to +17
{% cards_item href="/docs/products/sites/site-hosting/static" title="Static" %}
Host a static site or SPA
{% /cards_item %}

{% cards_item href="/docs/products/sites/site-hosting/ssr" title="Server Side Rendering" %}
Host an SSR web app
{% /cards_item %}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Let's be consistent sites vs web app vs website


# Manual Deployment

You can upload your sites to be deployed using the Appwrite Console. The example below shows a skeleton SvelteKit app.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Would be good to add a screenshot here.

# Configuring your Appwrite Site to use static hosting

When Appwrite builds your site for the first time, it scans your project's configuration files to determine whether the website should be rendered as static pages or using SSR.

Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Everywhere we ask to change settings on the console a screenshot would be very helpful.


To enable SSR builds for your web app, you may need to make some additional updates in case of the following frameworks:

{% tabs %}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This part doesn't work on my preview.


If you need to manually update these settings, here are the steps to do so:

1. Navigate to your site in the Appwrite Console and head to the **Settings** tab > **Build settings** section
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Screenshots.

description: Learn how to host SSR web apps on Appwrite Sites.
---

Server Side Rendering (SSR) apps generate HTML content dynamically on the server for each request and send fully rendered pages to the browser. This approach improves performance for the initial load and enhances SEO since search engines can easily index the content. While SSR can be slightly slower than static apps due to server-side processing, it provides a good balance between performance and interactivity.
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I miss some connection to our edge network. I would add here some explanation of the Appwrite CDN, Edge, Region topology with relevant links. Bottom line: we have a CDN, your executions will happen on the nearest regions to the user, your data is stored in your region of choice.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants