Feat sdks and protocols docs

src/routes/docs/+layout.svelte

@@ -10,10 +10,10 @@
 		const isTutorial = pathname.includes('/tutorials/');
 		const isProduct = pathname.includes('/products/') || pathname.includes('/article');
 		const isTooling = pathname.includes('/tooling');
-		const isAdvanced = pathname.includes('/advanced/');
+		const isSelfHosting = pathname.includes('/self-hosting');
 		const isReference = pathname.includes('/reference');
 
-		if (isTutorial || isProduct || isAPIs || isSDKs || isQuickStarts || isTooling || isAdvanced) {
+		if (isTutorial || isProduct || isAPIs || isSDKs || isQuickStarts || isTooling || isSelfHosting) {
 			return 'two-side-navs';
 		} else if (isReference) {
 			return 'expanded';

src/routes/docs/+page.svelte

@@ -457,7 +457,7 @@
 			<ul class="aw-grid-row-4">
 				<li>
 					<div class="aw-card is-full-color">
-						<h4 class="aw-sub-body-500 u-margin-block-start-8">Self-hosted</h4>
+						<h4 class="aw-sub-body-500 u-margin-block-start-8">Self hosted</h4>
 						<p class="aw-sub-body-400 u-margin-block-start-4">
 							Lorem ipsum dolor sit amet consectetur.
 						</p>
@@ -473,15 +473,15 @@
 				</li>
 				<li>
 					<div class="aw-card is-full-color">
-						<h4 class="aw-sub-body-500 u-margin-block-start-8">Superbase</h4>
+						<h4 class="aw-sub-body-500 u-margin-block-start-8">Supabase</h4>
 						<p class="aw-sub-body-400 u-margin-block-start-4">
 							Lorem ipsum dolor sit amet consectetur.
 						</p>
 					</div>
 				</li>
 				<li>
 					<div class="aw-card is-full-color">
-						<h4 class="aw-sub-body-500 u-margin-block-start-8">NHost</h4>
+						<h4 class="aw-sub-body-500 u-margin-block-start-8">Nhost</h4>
 						<p class="aw-sub-body-400 u-margin-block-start-4">
 							Lorem ipsum dolor sit amet consectetur.
 						</p>

src/routes/docs/Sidebar.svelte

@@ -312,7 +312,7 @@
 							href: '/docs/products/migrations/supabase'
 						},
 						{
-							label: 'From NHost',
+							label: 'From Nhost',
 							href: '/docs/products/migrations/nhost'
 						},
 						{
@@ -328,44 +328,44 @@
 				},
 				{
 					label: 'Self-hosting',
-					href: '/docs/advanced/self-hosting',
+					href: '/docs/self-hosting',
 					icon: 'icon-server',
 					items: [
 						{
 							label: 'Install',
-							href: '/docs/advanced/self-hosting/install'
+							href: '/docs/self-hosting/install'
 						},
 						{
 							label: 'Email delivery',
-							href: '/docs/advanced/self-hosting/email'
+							href: '/docs/self-hosting/email'
 						},
 						{
 							label: 'SMS delivery',
-							href: '/docs/advanced/self-hosting/sms'
+							href: '/docs/self-hosting/sms'
 						},
 						{
 							label: 'Functions',
-							href: '/docs/advanced/self-hosting/functions'
+							href: '/docs/self-hosting/functions'
 						},
 						{
 							label: 'Storage',
-							href: '/docs/advanced/self-hosting/storage'
+							href: '/docs/self-hosting/storage'
 						},
 						{
-							label: 'TLS certificates',
-							href: '/docs/advanced/self-hosting/certificates'
+							label: 'TLS Certificates',
+							href: '/docs/self-hosting/tls-certificates'
 						},
 						{
 							label: 'Update',
-							href: '/docs/advanced/self-hosting/update'
+							href: '/docs/self-hosting/update'
 						},
 						{
 							label: 'Debug',
-							href: '/docs/advanced/self-hosting/debug'
+							href: '/docs/self-hosting/debug'
 						},
 						{
 							label: 'Production',
-							href: '/docs/advanced/self-hosting/production'
+							href: '/docs/self-hosting/production'
 						},
 					]
 				}

src/routes/docs/apis/graphql/+page.markdoc

@@ -0,0 +1,30 @@
+---
+layout: article
+title: GraphQL
+description: 
+difficulty: beginner
+readtime: 10
+---
+
+Appwrite supports multiple protocols for accessing the server, including [REST](/docs/apis/rest), [GraphQL](/docs/apis/graphql), and [Realtime](/docs/apis/realtime). The GraphQL API allows you to query and mutate any resource type on your Appwrite server through the endpoint `/v1/graphql`. Every endpoint available through REST is available through GraphQL, except for OAuth.
+
+{% info title="GraphQL Model Parameters" %}
+In Appwrite's GraphQL API, all internal model parameters are prefixed with `_` instead of `$` because `$` is reserved by GraphQL.
+{% /info %}
+
+## Requests {% #requests %}
+Although every query executes through the same endpoint, there are multiple ways to make a GraphQL request. All requests, however, share a common structure.
+
+Name		Type	Description
+query	required	string	The GraphQL query to execute.
+operationName	optional	string	If the query contains several named operations, controls which one to execute.
+variables	optional	object	An object containing variable names and values for the query. Variables are made available to your query with the $ prefix.
+
+
+For example, `$collectionId` in the REST API would be referenced as `_collectionId` in the GraphQL API.
+
+### GET
+You can execute a GraphQL query via a GET request, passing a query and optionally operationName and variables as query parameters.
+
+### POST
+There are multiple ways to make a GraphQL POST request, differentiated by content type.