Skip to content

Commit c3cb056

Browse files
committed
feat(integrations): add Docusaurus template integration guide for Appwrite Sites
1 parent 6d55a58 commit c3cb056

File tree

12 files changed

+123
-0
lines changed

12 files changed

+123
-0
lines changed
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: Deploy your Docusaurus 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)
26.2 KB
Loading
140 KB
Loading
94 KB
Loading
1.74 MB
Loading
84.5 KB
Loading
145 KB
Loading
160 KB
Loading
128 KB
Loading
75.1 KB
Loading

0 commit comments

Comments
 (0)