Merge branch 'main' into blog-vercel-to-sites

Author: ebenezerdon

src/lib/constants.ts

@@ -101,6 +101,11 @@ export const integrationCategoryDescriptions: IntegrationCategory[] = [
         heading: 'Search',
         description: 'Implement search functionalities'
     },
+    {
+        slug: 'sites',
+        heading: 'Sites',
+        description: 'Deploy and host web applications'
+    },
     {
         slug: 'storage',
         heading: 'Storage',

src/routes/blog/post/announcing-phone-OTP-pricing/+page.markdoc

@@ -29,10 +29,6 @@ To help prepare for these changes, each team can visit their organization's usag
 
 ![console image](/images/blog/announcing-phone-OTP-pricing/cover.png)
 
-# Free quota available
-
-To ensure that free users can continue exploring the platform and its features, we will provide up to 10 phone OTP login attempts per month at no charge. This will allow you to continue utilizing OTP logins to evaluate Appwrite's capabilities and integration into your workflows.
-
 # We're here to help
 
 If you have any questions about this change or need assistance with adjusting your application, please don't hesitate to contact us at [[email protected]](mailto:[email protected]).

src/routes/docs/advanced/platform/phone-otp/+page.markdoc

@@ -12,13 +12,13 @@ Appwrite supports SMS-based OTP (One-Time Password) authentication to provide se
 
 # Free messages {% #free-messages %}
 
-All Appwrite plans include **10 free SMS messages** per month, which allows you to test and implement OTP functionality without immediate costs.
+All paid Appwrite plans include **10 free SMS messages** per month, which allows you to test and implement OTP functionality without immediate costs.
 
 In addition you can also use the [Mock phone numbers](/docs/products/auth/security#mock-phone-numbers) feature to continue testing your integrations without incurring additional costs.
 
 # Additional messages {% #additional-messages %}
 
-To send more than 10 SMS messages per month, you need to upgrade to a **paid plan**. For detailed information about the different pricing options and features, please visit the [pricing page](/pricing).
+After the first 10 free SMS messages, you'll be charged per SMS.
 
 The cost for additional messages is calculated based on two factors:
 1. The number of messages sent

src/routes/docs/products/auth/phone-sms/+page.markdoc

@@ -5,7 +5,7 @@ description: Enhance security with SMS and phone authentication in Appwrite. Add
 ---
 
 {% info title="Note" %}
-The first 10 SMS messages each month are free. Thereafter OTPs are billed per message, with rates varying by country. See the [phone OTP rates](/docs/advanced/platform/phone-otp#rates) for more information.
+Paid plans receive 10 free SMS messages each month. Thereafter OTPs are billed per message, with rates varying by country. See the [phone OTP rates](/docs/advanced/platform/phone-otp#rates) for more information.
 {% /info %}
 
 Phone authentication lets users create accounts using their phone numbers and log in through SMS messages.

src/routes/heroes/+page.svelte

@@ -34,17 +34,6 @@
             linkedin: 'https://www.linkedin.com/in/lucas-audart',
             avatar: 'images/heroes/avatars/lucas.png'
         },
-        {
-            name: 'Tanmoy Karmakar',
-            role: 'Software Engineer',
-            bio: 'Tanmoy Karmakar is a co-organizer at Flutter Kolkata and SDE-II [Flutter] at SaaS Labs.\
-						He loves to create content related to Flutter and organize events and meet-ups.\
-						Learning new ways to complement Flutter development always amuses him.',
-            github: 'https://github.com/tanmoy27112000',
-            twitter: 'https://twitter.com/tanmoykar27',
-            linkedin: 'https://www.linkedin.com/in/tanmoykarmakar2711',
-            avatar: 'images/heroes/avatars/tanmoy.png'
-        },
         {
             name: 'Bishwajeet Parhi',
             role: 'Flutter Developer',
@@ -66,22 +55,13 @@
         },
         {
             name: 'Jason Torres',
-            role: 'Freelance Community Manager',
+            role: 'Community Evangelist',
             bio: 'Jason Torres a former film-maker turned developer who is currently exploring Developer Advocacy and Community Management freelance, and hosting The Tech Commute, a series of Twitter Spaces catered towards developers.',
             github: 'https://github.com/jasonetorres',
             twitter: 'https://twitter.com/tasonjorres',
             linkedin: 'https://www.linkedin.com/in/thejasontorres',
             avatar: 'images/heroes/avatars/jason.png'
         },
-        {
-            name: 'Nishant Jain',
-            role: 'Frontend Developer',
-            bio: 'Nishant Jain is a frontend developer and community builder from Indore, India. He has been actively contributing to the Appwrite community as a Discord moderator.',
-            github: 'https://github.com/Nishantjain10',
-            twitter: 'https://twitter.com/devnishant10',
-            linkedin: 'https://www.linkedin.com/in/nishantj2002/',
-            avatar: 'images/heroes/avatars/nishant.png'
-        },
         {
             name: 'Vincent Ge',
             role: 'DevRel Engineer',
@@ -93,7 +73,7 @@
         },
         {
             name: 'Taylor Desseyn',
-            role: 'Recruiter Advocate',
+            role: 'VP of Global Community',
             bio: 'Taylor Desseyn is a skilled people connector and has helped 600+ individuals find their perfect career fit in tech. His knack for creating community shines through his use of social media and content creation',
             github: 'https://github.com/tdesseyn',
             twitter: 'https://x.com/tdesseyn',
@@ -103,7 +83,7 @@
         {
             name: 'Demola Malomo',
             role: 'Software Engineer & Technical Writer',
-            bio: 'Demola Malomo is a software engineer and technical writer from Lagos, Nigeria. He primarily code in JavaScript and TypeScript and has been learning Rust and Go.',
+            bio: 'Demola Malomo is a software engineer and technical writer from Lagos, Nigeria. He primarily codes in JavaScript and TypeScript and has been learning Rust and Go.',
             github: 'https://github.com/Mr-Malomz',
             twitter: 'https://x.com/malomz',
             linkedin: 'https://www.linkedin.com/in/malomoademola/',
@@ -117,6 +97,24 @@
             twitter: 'https://x.com/DThompsonDev',
             linkedin: 'https://www.linkedin.com/in/dthompsondev',
             avatar: 'images/heroes/avatars/danny.png'
+        },
+        {
+            name: 'Christina Petit',
+            role: 'Freelance Developer',
+            bio: 'Christina Petit is a freelance web developer from France who has been quite active in the Appwrite Discord server and community initiatives like Init and Office Hours. She also actively creates technical content on YouTube with Astro.',
+            github: 'http://github.com/petipois',
+            twitter: 'http://x.com/petitpois28',
+            linkedin: 'https://www.linkedin.com/in/christina-petitpois',
+            avatar: 'images/heroes/avatars/christina.png'
+        },
+        {
+            name: 'Nick Gatzoulis',
+            role: 'Managing Director',
+            bio: 'Nick Gatzoulis is a tech lead and SaaS founder from the UK who actively manages a Backend-as-a-Service community on X (Twitter) and creates technical content on YouTube, where has published numerous Appwrite tutorials.',
+            github: 'https://github.com/nickgatzoulis',
+            twitter: 'https://x.com/nickgatzoulis',
+            linkedin: 'https://www.linkedin.com/in/nickgatzoulis',
+            avatar: 'images/heroes/avatars/nick.png'
         }
     ];
 

src/routes/integrations/sites-docusaurus/+page.markdoc

@@ -0,0 +1,123 @@
+---
+layout: integration
+title: Deploy Docusaurus with Sites
+description: Build an MDX-powered documentation site with Appwrite Sites
+date: 2025-05-19
+featured: false
+isPartner: true
+isNew: true
+cover: /images/integrations/sites-docusaurus/cover.png
+category: sites
+product: 
+    avatar: '/images/integrations/avatars/docusaurus.png'
+    vendor: Docusaurus
+    description: 'Docusaurus is a modern static website generator optimized for building fast, accessible documentation websites with React.'
+platform: 
+    - 'Cloud'
+    - 'Self-hosted'
+images: 
+    - /images/integrations/sites-docusaurus/cover.png
+    - /images/integrations/sites-docusaurus/search-site.png
+    - /images/integrations/sites-docusaurus/success.png
+    - /images/integrations/sites-docusaurus/homepage.png
+    - /images/integrations/sites-docusaurus/tutorial-page.png
+    - /images/integrations/sites-docusaurus/blog-page.png
+---
+
+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.
+
+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.
+
+# How does the integration work?
+
+[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.
+
+
+To deploy the Docusaurus template with Appwrite Sites, follow these steps:
+
+## Create site
+
+After signing into your Appwrite console, look at the sidebar on the left. Under the **Deploy** section, you will find the **Sites** button.
+
+Clicking it opens the Sites page. Here, you will see the **Sites** tab selected by default. Click **Create site** to start the deployment process.
+
+![Create new site](/images/integrations/sites-docusaurus/create-site.png)
+
+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.
+
+![Create new site](/images/integrations/sites-docusaurus/clone-template.png)
+
+##  Finding the Docusaurus template
+
+When you select **Clone a template**, you'll see a library of templates. To find the Docusaurus template:
+
+1. Use the search bar at the top and type "Docusaurus"
+
+![Search templates](/images/integrations/sites-docusaurus/search-site.png)
+
+
+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.
+
+
+
+##  Configuring your site
+
+### Setting up site details
+
+Once you have selected the Docusaurus template, you will be prompted to enter basic details for your site.
+
+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.
+
+
+![Configure site details](/images/integrations/sites-docusaurus/site-details.png)
+At this stage, you can choose whether to connect your repository now or later.
+
+
+
+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.
+
+If you opt to connect a repository immediately, you will see the following options:
+
+- Select whether to create a new repository or connect to an existing one
+- (Optional) Choose a GitHub organization if you have access to multiple organizations
+- Name your repository if you are creating a new one
+- Decide whether to keep the repository private by ticking the checkbox
+
+Additionally, you can define the domain for your site, using the Appwrite Sites domain.
+
+After reviewing your configuration, click **Deploy**.
+
+
+## Monitoring the deployment
+
+Once you initiate the deployment, you will be taken to a progress page where you can monitor the build and deployment in real time.
+
+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.
+
+![Configure site details](/images/integrations/sites-docusaurus/deployment-screen.png)
+
+## Access your site
+
+After your site has been successfully deployed, Appwrite will show you a **Congratulations** page. 
+
+![Configure site details](/images/integrations/sites-docusaurus/success.png)
+
+## Next step
+
+Appwrite provides a few options to help you continue setting up or expanding your project.
+
+You can **Add domain**, connecting an existing custom domain you own or registering a new one through the console.
+
+You can **Share site**, allowing you to collaborate with your team by sharing access to your project.
+
+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.
+
+## Wrapping up
+And with that, the Docusaurus template is deployed to Appwrite Sites. You can explore other templates or deploy any other websites you'd like.
+
+## More Resources 
+
+- [Appwrite Sites Docs](/docs/products/sites)
+- [Docusaurus Website](https://docusaurus.io/)
+- [Appwrite Sites video announcement](https://youtu.be/0cERQxFjTW4)
+- [Appwrite Discord server](/discord)

src/routes/integrations/sites-magic-portfolio/+page.markdoc

@@ -0,0 +1,123 @@
+---
+layout: integration
+title: Deploy Magic Portfolio with Sites
+description: Showcase your creative work with a customizable portfolio with Appwrite Sites
+date: 2025-05-19
+featured: false
+isPartner: true
+isNew: true
+cover: /images/integrations/sites-magic-portfolio/cover.png
+category: sites
+product: 
+    avatar: '/images/integrations/avatars/magic-portfolio.png'
+    vendor: Magic Portfolio
+    description: 'A portfolio template designed for creatives, indie hackers, and engineers to showcase their work with style, speed, and full control.'
+platform: 
+    - 'Cloud'
+    - 'Self-hosted'
+images: 
+    - /images/integrations/sites-magic-portfolio/cover.png
+    - /images/integrations/sites-magic-portfolio/homepage.png
+    - /images/integrations/sites-magic-portfolio/about-page.png
+    - /images/integrations/sites-magic-portfolio/work-page.png
+    - /images/integrations/sites-magic-portfolio/site-details.png
+    - /images/integrations/sites-magic-portfolio/success.png
+---
+
+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.
+
+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.
+
+# How does the integration work?
+
+[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.
+
+
+To deploy the Magic Portfolio template with Appwrite Sites, follow these steps:
+
+## Create site
+
+After signing into your Appwrite console, look at the sidebar on the left. Under the **Deploy** section, you will find the **Sites** button.
+
+Clicking it opens the Sites page. Here, you will see the **Sites** tab selected by default. Click **Create site** to start the deployment process.
+
+![Create new site](/images/integrations/sites-magic-portfolio/create-site.png)
+
+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.
+
+![Create new site](/images/integrations/sites-magic-portfolio/clone-template.png)
+
+##  Finding the Magic Portfolio template
+
+When you select **Clone a template**, you'll see a library of templates. To find the Magic Portfolio template:
+
+1. Use the search bar at the top and type "Magic Portfolio"
+
+![Search templates](/images/integrations/sites-magic-portfolio/search-site.png)
+
+
+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.
+
+
+
+##  Configuring your site
+
+### Setting up site details
+
+Once you have selected the Magic Portfolio template, you will be prompted to enter basic details for your site.
+
+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.
+
+
+![Configure site details](/images/integrations/sites-magic-portfolio/site-details.png)
+At this stage, you can choose whether to connect your repository now or later.
+
+
+
+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.
+
+If you opt to connect a repository immediately, you will see the following options:
+
+- Select whether to create a new repository or connect to an existing one
+- (Optional) Choose a GitHub organization if you have access to multiple organizations
+- Name your repository if you are creating a new one
+- Decide whether to keep the repository private by ticking the checkbox
+
+Additionally, you can define the domain for your site, using the Appwrite Sites domain.
+
+After reviewing your configuration, click **Deploy**.
+
+
+## Monitoring the deployment
+
+Once you initiate the deployment, you will be taken to a progress page where you can monitor the build and deployment in real time.
+
+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.
+
+![Configure site details](/images/integrations/sites-magic-portfolio/deployment-screen.png)
+
+## Access your site
+
+After your site has been successfully deployed, Appwrite will show you a **Congratulations** page. 
+
+![Configure site details](/images/integrations/sites-magic-portfolio/success.png)
+
+## Next step
+
+Appwrite provides a few options to help you continue setting up or expanding your project.
+
+You can **Add domain**, connecting an existing custom domain you own or registering a new one through the console.
+
+You can **Share site**, allowing you to collaborate with your team by sharing access to your project.
+
+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.
+
+## Wrapping up
+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.
+
+## More Resources 
+
+- [Appwrite Sites Docs](/docs/products/sites)
+- [Magic Portfolio Website](https://magic-portfolio.com)
+- [Appwrite Sites video announcement](https://youtu.be/0cERQxFjTW4)
+- [Appwrite Discord server](/discord)