Merge branch 'main' into clarify-bucket-app-storage-endpoint

Author: ebenezerdon

src/lib/components/Search.svelte

@@ -165,7 +165,7 @@
         <div id="searchbox"></div>
 
         <input
-            class="web-input-button bg-greyscale-800/75! relative z-1 !rounded-b-none !pl-10"
+            class="web-input-button bg-white-800/75! relative z-1 !rounded-b-none !pl-10"
             type="text"
             id="search"
             bind:value

src/routes/(experiments)/new-homepage/(components)/scale.svelte

@@ -62,7 +62,7 @@
     ];
 
     const numbers = [12, 1000, 50, 300];
-    const alternateNumbers = [50, 300, 300, 200];
+    const alternateNumbers = [50, 300, 300, 20];
 
     let animate: boolean = false;
 

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/blog/post/portfolio-template-sites/+page.markdoc

@@ -0,0 +1,118 @@
+---
+layout: post
+title: Build and deploy a personal portfolio on Appwrite Sites
+description: Learn how to configure the Appwrite Sites portfolio template and deploy your changes via the GitHub integration.
+date: 2025-05-28
+cover: /images/blog/portfolio-template-sites/cover.png
+timeToRead: 7
+author: aditya-oberai
+category: tutorial
+featured: false
+callToAction: true
+---
+
+Today, a personal portfolio website is no less than real estate on the internet for developers. It's your digital home address, where people can discover who you are, what you do, how they can contact you, and so much more in between. However, many of us don't have our portfolio websites ready despite their importance because, even with modern vibe coding tools, a clean and straightforward portfolio is much harder to design than expected.
+
+That's why, as part of the Sites templates, Appwrite offers a portfolio template that you can deploy in just a few short steps.
+
+# Overview of the portfolio template
+
+The Appwrite portfolio template is a personal portfolio app for developers. Built with Next.js and styled with Tailwind CSS, it features several pages:
+
+- Landing page with an about section and project listing
+- Individual project pages
+- Contact me page with an email form (currently just logs form data on the console)
+
+![Deployed site](/images/blog/portfolio-template-sites/deployed.png)
+
+# Deploy the portfolio template on Appwrite
+
+Firstly, you must head to Appwrite Cloud and [create an account](https://cloud.appwrite.io/console/register) if you haven't already (or [self-host Appwrite 1.7](https://appwrite.io/docs/advanced/self-hosting)). Next, create your first project, which will lead you to the project overview page.
+
+![Get started](/images/blog/portfolio-template-sites/get-started.png)
+
+Head to the **Sites** page from the left sidebar, click on the **Create site** button, and select the **Clone a template** option. This will take you to the Appwrite Sites templates listing, where you should select **Portfolio** under the **Use case** category on the left sidebar. This will show you numerous templates, some developed by our team and some by our partners, from which you must click on the `Portfolio template` option.
+
+![Site templates](/images/blog/portfolio-template-sites/templates.png)
+
+After selecting the template, connect a GitHub repository now (you can do this later, too). Leave the production branch and root directory as is, update the domain name if you want, and click the **Deploy** button. You can watch the deployment logs as Appwrite builds your site.
+
+![Deployment logs](/images/blog/portfolio-template-sites/deployment-logs.png)
+
+After your site has been successfully deployed, Appwrite will show you a **Congratulations** page. You can view the site by clicking the **Visit site** button, or view the site configuration (deployments, logs, domains, usage, and settings) by clicking the **Go to dashboard** button.
+
+![Congratulations](/images/blog/portfolio-template-sites/congrats.png)
+
+# Making changes and deploying them to the site
+
+To learn how to make changes in the portfolio site, let's update the contact form action to email you whenever someone submits a message. For this demo, we shall use Resend, a popular API service for sending emails. 
+
+First, create an account on [Resend](https://resend.com/), then go to the **API Keys** tab in the left sidebar to create a new API key. Save this API key for later usage.
+
+![Resend API key](/images/blog/portfolio-template-sites/resend-api-key.png)
+
+> Note: While this isn't mandatory for the demo, for production apps, you should add and verify a [domain](https://resend.com/docs/dashboard/domains/introduction) to send emails via Resend.
+
+Next, you must update the environment variables of our Appwrite Site. Head back to your Appwrite project, visit **Sites** from the left sidebar, and click on your portfolio site. Head to the **Settings** tab of your site, scroll down to the **Environment variables** section, and create the following environment variables:
+
+- `RESEND_API_KEY`: The Resend API key you created earlier
+- `EMAIL_ADDRESS`: The email address you want to receive contact form messages on
+
+![Site environment variables](/images/blog/portfolio-template-sites/env-vars.png)
+
+Lastly, clone the repository Appwrite created for your portfolio site. Enter the directory, and install Resend's Node.js library by running the following command:
+
+```js
+npm install resend
+```
+
+Then, head to the `src/actions/contact.ts` file and update it to the following:
+
+```js
+'use server'
+import { Resend } from "resend"
+
+export const submitContactForm = async (formData: FormData) => {
+  try {
+    const rawFormData = {
+      name: formData.get('name'),
+      email: formData.get('email'),
+      subject: formData.get('subject'),
+      message: formData.get('message'),
+    }
+
+    console.log(rawFormData);
+
+    const resendApiKey = process.env.RESEND_API_KEY;
+    const emailAddress = process.env.EMAIL_ADDRESS;
+    if (!resendApiKey || !emailAddress) {
+      throw new Error('Missing environment variables for Resend API key or email address');
+    }
+
+    const resend = new Resend(resendApiKey);
+
+    await resend.emails.send({
+      from: 'Acme <[email protected]>', // You can switch this out with an email of your domain once added to Resend
+      to: [emailAddress],
+      subject: `New message from ${rawFormData.name}`,
+      text: `Name: ${rawFormData.name}\n\nEmail: ${rawFormData.email}\n\nSubject: ${rawFormData.subject}\n\nMessage: ${rawFormData.message}`
+    });
+  } catch (error) {
+    console.error('Error sending email:', error);
+    throw new Error('Failed to send contact form. Please try again later.');
+  }
+}
+```
+
+You can now commit these changes and push them to GitHub, automatically deploying the updated site to Appwrite.
+
+# Next steps
+
+And with that, the personal portfolio template is deployed to Appwrite Sites. You can explore other templates or deploy any other websites you'd like. 
+
+For more information about Appwrite Sites:
+
+- [Appwrite Sites product docs](/docs/products/sites)
+- [Quick start to deploy web app](/docs/products/sites/quick-start)
+- [Deploy Appwrite Site templates](/docs/products/sites/templates)
+- [Appwrite Discord server](/discord)

src/routes/contact-us/enterprise/+page.svelte

@@ -269,7 +269,7 @@
                     </div>
                 </div>
             </div>
-            <Scale />
+            <Scale alternateInfo />
             <LogoList />
             <div class="container">
                 <FooterNav />

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/docs/quick-starts/android-java/+page.markdoc

@@ -53,7 +53,7 @@ You can skip optional steps.
 To add the Appwrite SDK for Android as a dependency, add the following to your app-level **build.gradle** file inside the **dependencies** block.
 
 ```groovy
-implementation "io.appwrite:sdk-for-android:7.0.0"
+implementation "io.appwrite:sdk-for-android:8.1.0"
 ```
 
 In order to allow creating OAuth sessions, the following activity needs to be added inside the `<application>` tag, along side the existing `<activity>` tags in your [AndroidManifest.xml](https://github.com/appwrite/playground-for-android/blob/master/app/src/main/AndroidManifest.xml).

src/routes/docs/quick-starts/android/+page.markdoc

@@ -53,7 +53,7 @@ You can skip optional steps.
 To add the Appwrite SDK for Android as a dependency, add the following to your app-level **build.gradle.kts** file inside the **dependencies** block.
 
 ```kotlin
-implementation("io.appwrite:sdk-for-android:7.0.0")
+implementation("io.appwrite:sdk-for-android:8.1.0")
 ```
 
 In order to allow creating OAuth sessions, the following activity needs to be added inside the `<application>` tag, along side the existing `<activity>` tags in your [AndroidManifest.xml](https://github.com/appwrite/playground-for-flutter/blob/master/android/app/src/main/AndroidManifest.xml).

src/routes/docs/quick-starts/angular/+page.markdoc

@@ -54,7 +54,7 @@ cd my-app
 Install the JavaScript Appwrite SDK.
 
 ```sh
-npm install appwrite@14.0.1
+npm install appwrite@18.1.1
 ```
 {% /section %}
 {% section #step-4 step=4 title="Import Appwrite" %}