Skip to content

Commit 65210d7

Browse files
authored
Merge pull request #2029 from Nishantjain10/docs-sites-integration
docs: add integration guides for Appwrite Sites templates
2 parents 153bc8f + fb15549 commit 65210d7

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

56 files changed

+618
-0
lines changed

src/lib/constants.ts

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -101,6 +101,11 @@ export const integrationCategoryDescriptions: IntegrationCategory[] = [
101101
heading: 'Search',
102102
description: 'Implement search functionalities'
103103
},
104+
{
105+
slug: 'sites',
106+
heading: 'Sites',
107+
description: 'Deploy and host web applications'
108+
},
104109
{
105110
slug: 'storage',
106111
heading: 'Storage',
Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
---
2+
layout: integration
3+
title: Deploy Docusaurus with Sites
4+
description: Build an MDX-powered documentation site with Appwrite Sites
5+
date: 2025-05-19
6+
featured: false
7+
isPartner: true
8+
isNew: true
9+
cover: /images/integrations/sites-docusaurus/cover.png
10+
category: sites
11+
product:
12+
avatar: '/images/integrations/avatars/docusaurus.png'
13+
vendor: Docusaurus
14+
description: 'Docusaurus is a modern static website generator optimized for building fast, accessible documentation websites with React.'
15+
platform:
16+
- 'Cloud'
17+
- 'Self-hosted'
18+
images:
19+
- /images/integrations/sites-docusaurus/cover.png
20+
- /images/integrations/sites-docusaurus/search-site.png
21+
- /images/integrations/sites-docusaurus/success.png
22+
- /images/integrations/sites-docusaurus/homepage.png
23+
- /images/integrations/sites-docusaurus/tutorial-page.png
24+
- /images/integrations/sites-docusaurus/blog-page.png
25+
---
26+
27+
Docusaurus is a modern static website generator that makes it easy to create and maintain documentation websites. Built with React and powered by Markdown, Docusaurus helps you focus on writing content while taking care of the technical details.
28+
29+
With Appwrite Sites, you can deploy your Docusaurus documentation in minutes using our pre-built template, with features like automatic builds, custom domains, and global CDN distribution.
30+
31+
# How does the integration work?
32+
33+
[Appwrite Sites](https://appwrite.io/products/sites) provides a ready-to-use Docusaurus template that you can deploy instantly. The template comes with a pre-configured setup optimized for documentation sites, making it easy to get started without any complex configuration.
34+
35+
36+
To deploy the Docusaurus template with Appwrite Sites, follow these steps:
37+
38+
## Create site
39+
40+
After signing into your Appwrite console, look at the sidebar on the left. Under the **Deploy** section, you will find the **Sites** button.
41+
42+
Clicking it opens the Sites page. Here, you will see the **Sites** tab selected by default. Click **Create site** to start the deployment process.
43+
44+
![Create new site](/images/integrations/sites-docusaurus/create-site.png)
45+
46+
At this point, Appwrite offers two options: **Clone a template** or **Connect a repository**. For this guide, we will focus on cloning the Docusaurus template, which lets you quickly set up a documentation site based on a pre-built project.
47+
48+
![Create new site](/images/integrations/sites-docusaurus/clone-template.png)
49+
50+
## Finding the Docusaurus template
51+
52+
When you select **Clone a template**, you'll see a library of templates. To find the Docusaurus template:
53+
54+
1. Use the search bar at the top and type "Docusaurus"
55+
56+
![Search templates](/images/integrations/sites-docusaurus/search-site.png)
57+
58+
59+
After selecting the template, you'll need to choose how to deploy it, Clicking the Docusaurus template will open a new page where you can configure your documentation site.
60+
61+
62+
63+
## Configuring your site
64+
65+
### Setting up site details
66+
67+
Once you have selected the Docusaurus template, you will be prompted to enter basic details for your site.
68+
69+
You will need to provide a **Site name** and a **Site ID**. The Site ID becomes part of your site's URL, so it should be lowercase and use hyphens if necessary.
70+
71+
72+
![Configure site details](/images/integrations/sites-docusaurus/site-details.png)
73+
At this stage, you can choose whether to connect your repository now or later.
74+
75+
76+
77+
If you choose **Connect your repository**, you will be able to either create a new repository based on the template or link it to an existing one. If you prefer to skip this step for now, you can choose **Connect later** and connect your version control later using the CLI or through the settings page.
78+
79+
If you opt to connect a repository immediately, you will see the following options:
80+
81+
- Select whether to create a new repository or connect to an existing one
82+
- (Optional) Choose a GitHub organization if you have access to multiple organizations
83+
- Name your repository if you are creating a new one
84+
- Decide whether to keep the repository private by ticking the checkbox
85+
86+
Additionally, you can define the domain for your site, using the Appwrite Sites domain.
87+
88+
After reviewing your configuration, click **Deploy**.
89+
90+
91+
## Monitoring the deployment
92+
93+
Once you initiate the deployment, you will be taken to a progress page where you can monitor the build and deployment in real time.
94+
95+
The logs will show you the different stages of the build process. Depending on the size of your template and the dependencies involved, this process can take anywhere from a few seconds to a few minutes.
96+
97+
![Configure site details](/images/integrations/sites-docusaurus/deployment-screen.png)
98+
99+
## Access your site
100+
101+
After your site has been successfully deployed, Appwrite will show you a **Congratulations** page.
102+
103+
![Configure site details](/images/integrations/sites-docusaurus/success.png)
104+
105+
## Next step
106+
107+
Appwrite provides a few options to help you continue setting up or expanding your project.
108+
109+
You can **Add domain**, connecting an existing custom domain you own or registering a new one through the console.
110+
111+
You can **Share site**, allowing you to collaborate with your team by sharing access to your project.
112+
113+
You can also **Open on mobile**, previewing your live site directly from a mobile or tablet device to ensure everything looks and functions as expected across different screen sizes.
114+
115+
## Wrapping up
116+
And with that, the Docusaurus template is deployed to Appwrite Sites. You can explore other templates or deploy any other websites you'd like.
117+
118+
## More Resources
119+
120+
- [Appwrite Sites Docs](/docs/products/sites)
121+
- [Docusaurus Website](https://docusaurus.io/)
122+
- [Appwrite Sites video announcement](https://youtu.be/0cERQxFjTW4)
123+
- [Appwrite Discord server](/discord)
Lines changed: 123 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,123 @@
1+
---
2+
layout: integration
3+
title: Deploy Magic Portfolio with Sites
4+
description: Showcase your creative work with a customizable portfolio with Appwrite Sites
5+
date: 2025-05-19
6+
featured: false
7+
isPartner: true
8+
isNew: true
9+
cover: /images/integrations/sites-magic-portfolio/cover.png
10+
category: sites
11+
product:
12+
avatar: '/images/integrations/avatars/magic-portfolio.png'
13+
vendor: Magic Portfolio
14+
description: 'A portfolio template designed for creatives, indie hackers, and engineers to showcase their work with style, speed, and full control.'
15+
platform:
16+
- 'Cloud'
17+
- 'Self-hosted'
18+
images:
19+
- /images/integrations/sites-magic-portfolio/cover.png
20+
- /images/integrations/sites-magic-portfolio/homepage.png
21+
- /images/integrations/sites-magic-portfolio/about-page.png
22+
- /images/integrations/sites-magic-portfolio/work-page.png
23+
- /images/integrations/sites-magic-portfolio/site-details.png
24+
- /images/integrations/sites-magic-portfolio/success.png
25+
---
26+
27+
Magic Portfolio is a modern portfolio template that makes it easy to create and maintain your personal or professional portfolio website. Make your portfolio uniquely yours with customizable themes, brand colors, and fine-tuned visual details like borders and transitions.
28+
29+
With Appwrite Sites, you can deploy your portfolio in minutes using our pre-built template, with features like automatic builds, custom domains, and global CDN distribution.
30+
31+
# How does the integration work?
32+
33+
[Appwrite Sites](https://appwrite.io/products/sites) provides a ready-to-use Magic Portfolio template that you can deploy instantly. The template comes with a pre-configured setup optimized for portfolio sites, making it easy to get started without any complex configuration.
34+
35+
36+
To deploy the Magic Portfolio template with Appwrite Sites, follow these steps:
37+
38+
## Create site
39+
40+
After signing into your Appwrite console, look at the sidebar on the left. Under the **Deploy** section, you will find the **Sites** button.
41+
42+
Clicking it opens the Sites page. Here, you will see the **Sites** tab selected by default. Click **Create site** to start the deployment process.
43+
44+
![Create new site](/images/integrations/sites-magic-portfolio/create-site.png)
45+
46+
At this point, Appwrite offers two options: **Clone a template** or **Connect a repository**. For this guide, we will focus on cloning the Magic Portfolio template, which lets you quickly set up a portfolio site based on a pre-built project.
47+
48+
![Create new site](/images/integrations/sites-magic-portfolio/clone-template.png)
49+
50+
## Finding the Magic Portfolio template
51+
52+
When you select **Clone a template**, you'll see a library of templates. To find the Magic Portfolio template:
53+
54+
1. Use the search bar at the top and type "Magic Portfolio"
55+
56+
![Search templates](/images/integrations/sites-magic-portfolio/search-site.png)
57+
58+
59+
After selecting the template, you'll need to choose how to deploy it, Clicking the Magic Portfolio template will open a new page where you can configure your portfolio site.
60+
61+
62+
63+
## Configuring your site
64+
65+
### Setting up site details
66+
67+
Once you have selected the Magic Portfolio template, you will be prompted to enter basic details for your site.
68+
69+
You will need to provide a **Site name** and a **Site ID**. The Site ID becomes part of your site's URL, so it should be lowercase and use hyphens if necessary.
70+
71+
72+
![Configure site details](/images/integrations/sites-magic-portfolio/site-details.png)
73+
At this stage, you can choose whether to connect your repository now or later.
74+
75+
76+
77+
If you choose **Connect your repository**, you will be able to either create a new repository based on the template or link it to an existing one. If you prefer to skip this step for now, you can choose **Connect later** and connect your version control later using the CLI or through the settings page.
78+
79+
If you opt to connect a repository immediately, you will see the following options:
80+
81+
- Select whether to create a new repository or connect to an existing one
82+
- (Optional) Choose a GitHub organization if you have access to multiple organizations
83+
- Name your repository if you are creating a new one
84+
- Decide whether to keep the repository private by ticking the checkbox
85+
86+
Additionally, you can define the domain for your site, using the Appwrite Sites domain.
87+
88+
After reviewing your configuration, click **Deploy**.
89+
90+
91+
## Monitoring the deployment
92+
93+
Once you initiate the deployment, you will be taken to a progress page where you can monitor the build and deployment in real time.
94+
95+
The logs will show you the different stages of the build process. Depending on the size of your template and the dependencies involved, this process can take anywhere from a few seconds to a few minutes.
96+
97+
![Configure site details](/images/integrations/sites-magic-portfolio/deployment-screen.png)
98+
99+
## Access your site
100+
101+
After your site has been successfully deployed, Appwrite will show you a **Congratulations** page.
102+
103+
![Configure site details](/images/integrations/sites-magic-portfolio/success.png)
104+
105+
## Next step
106+
107+
Appwrite provides a few options to help you continue setting up or expanding your project.
108+
109+
You can **Add domain**, connecting an existing custom domain you own or registering a new one through the console.
110+
111+
You can **Share site**, allowing you to collaborate with your team by sharing access to your project.
112+
113+
You can also **Open on mobile**, previewing your live site directly from a mobile or tablet device to ensure everything looks and functions as expected across different screen sizes.
114+
115+
## Wrapping up
116+
And with that, the Magic Portfolio template is deployed to Appwrite Sites. You can now connect your GitHub repository and customize your portfolio with themes, colors, and content. You can also explore other templates or deploy any other websites you'd like.
117+
118+
## More Resources
119+
120+
- [Appwrite Sites Docs](/docs/products/sites)
121+
- [Magic Portfolio Website](https://magic-portfolio.com)
122+
- [Appwrite Sites video announcement](https://youtu.be/0cERQxFjTW4)
123+
- [Appwrite Discord server](/discord)
Lines changed: 122 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,122 @@
1+
---
2+
layout: integration
3+
title: Deploy Nxtlnk with Sites
4+
description: Build a custom bio links page with Appwrite Sites
5+
date: 2025-05-19
6+
featured: false
7+
isPartner: true
8+
isNew: true
9+
cover: /images/integrations/sites-nxtlnk/cover.png
10+
category: sites
11+
product:
12+
avatar: '/images/integrations/avatars/nxtlnk.png'
13+
vendor: Nxtlnk
14+
description: 'Custom bio links for creatives who love coding. A template to create your custom bio link and self-host on your own domain.'
15+
platform:
16+
- 'Cloud'
17+
- 'Self-hosted'
18+
images:
19+
- /images/integrations/sites-nxtlnk/cover.png
20+
- /images/integrations/sites-nxtlnk/homepage.png
21+
- /images/integrations/sites-nxtlnk/clone-template.png
22+
- /images/integrations/sites-nxtlnk/site-details.png
23+
- /images/integrations/sites-nxtlnk/success.png
24+
---
25+
26+
Nxtlnk is a modern bio links template that makes it easy to create and maintain your personal links page. Made for creatives who love coding, this template lets you create a custom bio link page and self-host it on your own domain.
27+
28+
With Appwrite Sites, you can deploy your bio links page in minutes using our pre-built template, with features like automatic builds, custom domains, and global CDN distribution.
29+
30+
# How does the integration work?
31+
32+
[Appwrite Sites](https://appwrite.io/products/sites) provides a ready-to-use Nxtlnk template that you can deploy instantly. The template comes with a pre-configured setup optimized for bio link sites, making it easy to get started without any complex configuration.
33+
34+
35+
To deploy the Nxtlnk template with Appwrite Sites, follow these steps:
36+
37+
## Create site
38+
39+
After signing into your Appwrite console, look at the sidebar on the left. Under the **Deploy** section, you will find the **Sites** button.
40+
41+
Clicking it opens the Sites page. Here, you will see the **Sites** tab selected by default. Click **Create site** to start the deployment process.
42+
43+
![Create new site](/images/integrations/sites-nxtlnk/create-site.png)
44+
45+
At this point, Appwrite offers two options: **Clone a template** or **Connect a repository**. For this guide, we will focus on cloning the Nxtlnk template, which lets you quickly set up a bio links site based on a pre-built project.
46+
47+
![Create new site](/images/integrations/sites-nxtlnk/clone-template.png)
48+
49+
## Finding the Nxtlnk template
50+
51+
When you select **Clone a template**, you'll see a library of templates. To find the Nxtlnk template:
52+
53+
1. Use the search bar at the top and type "Nxtlnk"
54+
55+
![Search templates](/images/integrations/sites-nxtlnk/search-site.png)
56+
57+
58+
After selecting the template, you'll need to choose how to deploy it, Clicking the Nxtlnk template will open a new page where you can configure your bio links site.
59+
60+
61+
62+
## Configuring your site
63+
64+
### Setting up site details
65+
66+
Once you have selected the Nxtlnk template, you will be prompted to enter basic details for your site.
67+
68+
You will need to provide a **Site name** and a **Site ID**. The Site ID becomes part of your site's URL, so it should be lowercase and use hyphens if necessary.
69+
70+
71+
![Configure site details](/images/integrations/sites-nxtlnk/site-details.png)
72+
At this stage, you can choose whether to connect your repository now or later.
73+
74+
75+
76+
If you choose **Connect your repository**, you will be able to either create a new repository based on the template or link it to an existing one. If you prefer to skip this step for now, you can choose **Connect later** and connect your version control later using the CLI or through the settings page.
77+
78+
If you opt to connect a repository immediately, you will see the following options:
79+
80+
- Select whether to create a new repository or connect to an existing one
81+
- (Optional) Choose a GitHub organization if you have access to multiple organizations
82+
- Name your repository if you are creating a new one
83+
- Decide whether to keep the repository private by ticking the checkbox
84+
85+
Additionally, you can define the domain for your site, using the Appwrite Sites domain.
86+
87+
After reviewing your configuration, click **Deploy**.
88+
89+
90+
## Monitoring the deployment
91+
92+
Once you initiate the deployment, you will be taken to a progress page where you can monitor the build and deployment in real time.
93+
94+
The logs will show you the different stages of the build process. Depending on the size of your template and the dependencies involved, this process can take anywhere from a few seconds to a few minutes.
95+
96+
![Configure site details](/images/integrations/sites-nxtlnk/deployment-screen.png)
97+
98+
## Access your site
99+
100+
After your site has been successfully deployed, Appwrite will show you a **Congratulations** page.
101+
102+
![Configure site details](/images/integrations/sites-nxtlnk/success.png)
103+
104+
## Next step
105+
106+
Appwrite provides a few options to help you continue setting up or expanding your project.
107+
108+
You can **Add domain**, connecting an existing custom domain you own or registering a new one through the console.
109+
110+
You can **Share site**, allowing you to collaborate with your team by sharing access to your project.
111+
112+
You can also **Open on mobile**, previewing your live site directly from a mobile or tablet device to ensure everything looks and functions as expected across different screen sizes.
113+
114+
## Wrapping up
115+
And with that, the Nxtlnk template is deployed to Appwrite Sites. You can now connect your GitHub repository and customize your bio links page with your own content and styling. You can also explore other templates or deploy any other websites you'd like.
116+
117+
## More Resources
118+
119+
- [Appwrite Sites Docs](/docs/products/sites)
120+
- [Nxtlnk Website](https://nxtlnk.xyz)
121+
- [Appwrite Sites video announcement](https://youtu.be/0cERQxFjTW4)
122+
- [Appwrite Discord server](/discord)

0 commit comments

Comments
 (0)