diff --git a/.github/workflows/preproductionDeployment.yml b/.github/workflows/preproductionDeployment.yml
new file mode 100644
index 000000000000..bbdf628fd1bd
--- /dev/null
+++ b/.github/workflows/preproductionDeployment.yml
@@ -0,0 +1,57 @@
+name: Preproduction Deployment
+
+on:
+  pull_request:
+    types: [opened, synchronize, reopened]
+    branches: [ "main" ]
+
+env:
+  APP_LOCATION: "docs/build"
+  API_LOCATION: "docs/api"
+  APP_ARTIFACT_LOCATION: "docs/build"
+  AZURE_STATIC_WEB_APPS_API_TOKEN: ${{ secrets.AZURE_STATIC_WEB_APPS_PREPROD_API_TOKEN }}
+
+permissions:
+  contents: read
+  pull-requests: write
+
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    name: Build and Deploy to Preview Environment
+    steps:
+      # Step 1: Checkout the repository
+      - uses: actions/checkout@v4
+        with:
+          submodules: true
+
+      # Step 2: Set up Node.js
+      - name: Setup Node.js
+        uses: actions/setup-node@v3
+        with:
+          node-version: '18.18'
+
+      # Step 3: Install pnpm
+      - name: Install pnpm
+        run: npm install -g pnpm
+
+      # Step 4: Use pnpm for workspace setup and build
+      - name: Install and Build with pnpm
+        run: |
+          cd docs
+          pnpm install --frozen-lockfile
+          pnpm run build
+
+      # Step 5: Deploy to Azure Static Web Apps (Preprod)
+      - name: Deploy to Azure Static Web Apps (Preprod)
+        id: deploy
+        uses: Azure/static-web-apps-deploy@v1
+        with:
+          azure_static_web_apps_api_token: ${{ env.AZURE_STATIC_WEB_APPS_API_TOKEN }}
+          repo_token: ${{ secrets.GITHUB_TOKEN }} # Automatically provided by GitHub
+          action: "upload"
+          app_location: ${{ env.APP_LOCATION }}
+          api_location: ${{ env.API_LOCATION }}
+          app_artifact_location: ${{ env.APP_ARTIFACT_LOCATION }}
+          deployment_environment: "preview"
+          skip_app_build: true
diff --git a/docs/api-docs-build-manifest.json b/docs/api-docs-build-manifest.json
new file mode 100644
index 000000000000..e69de29bb2d1
diff --git a/docs/src/components/home/banner.tsx b/docs/src/components/home/banner.tsx
index 9e0869062579..c1751200f223 100644
--- a/docs/src/components/home/banner.tsx
+++ b/docs/src/components/home/banner.tsx
@@ -29,7 +29,7 @@ const titleBoxDescriptionText =
 function TitleBox(): React.ReactElement {
 	return (
 		<div className="ffcom-title-box">
-			<h1 className="ffcom-title">Fluid Framework</h1>
+			<h1 className="ffcom-title">Fluid Frameworks</h1>
 			<span className="ffcom-description">{titleBoxDescriptionText}</span>
 		</div>
 	);