Adding Object Storage integration to auth examples

README.md

@@ -1,6 +1,18 @@
-# Webflow Cloud Authentication Webapp
+# Auth Cloud Webapp
 
-This project encompasses examples showcasing how to set up an authentication solution with [Webflow Cloud](https://webflow.com/cloud). Dig into the individual folders to see more details in their respective READMEs on how to set the examples up locally and deploy them as a Webflow Cloud app for your site:
+This project encompasses examples showcasing how to set up an authentication solution with [Webflow Cloud](https://webflow.com/cloud) and various storage solutions. Dig into the individual folders to see more details in their respective READMEs on how to set the examples up locally and deploy them as a Webflow Cloud app for your site:
 
 - [BetterAuth (Email/Pass) for Astro](/betterauth-astro/)
 - [BetterAuth (Email/Pass) for Next.js](/betterauth-nextjs/)
+
+## Contributing
+
+1. Fork the repository
+2. Create a feature branch
+3. Make your changes
+4. Test thoroughly
+5. Submit a pull request
+
+## License
+
+This project is licensed under the MIT License.

betterauth-astro/.env.example

@@ -1,3 +1,4 @@
 # automatically generated at 2025-07-08T22:30:34.346Z
-WEBFLOW_SITE_ID=YOUR_SITE_ID
-WEBFLOW_SITE_API_TOKEN=YOUR_TOKEN
+WEBFLOW_SITE_ID=
+BETTER_AUTH_SECRET=
+BETTER_AUTH_URL=http://localhost:8787

betterauth-astro/.vscode/css_custom_data.json

@@ -0,0 +1,15 @@
+{
+  "version": 1.1,
+  "atDirectives": [
+    {
+      "name": "@plugin",
+      "description": "Tailwind CSS v4 plugin directive",
+      "references": [
+        {
+          "name": "Tailwind CSS v4 Documentation",
+          "url": "https://tailwindcss.com/docs/installation"
+        }
+      ]
+    }
+  ]
+}

betterauth-astro/.vscode/settings.json

@@ -1,5 +1,9 @@
 {
-	"files.associations": {
-		"wrangler.json": "jsonc"
-	}
-}
+  "files.associations": {
+    "wrangler.json": "jsonc"
+  },
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "css.customData": [".vscode/css_custom_data.json"]
+}

betterauth-astro/README.md

@@ -72,17 +72,17 @@ npm install
 ```
 
 ```bash
-npm run dev
+npm run preview
 ```
 
-The development server will start and automatically show you where to navigate:
+The local server will start and automatically show you where to navigate:
 
 ```
-🚀 Starting development server...
-📍 App will be available at: http://localhost:4321/app
+⎔ Starting local server...
+[wrangler:info] Ready on http://localhost:8787/app
 ```
 
-Open [http://localhost:4321/app](http://localhost:4321/app) in your browser to see the authentication app. You can:
+Open [http://localhost:8787/app](http://localhost:8787/app) in your browser to see the authentication app. You can:
 
 - Sign up for a new account at `/app/signup`
 - Log in with existing credentials at `/app/login`
@@ -133,14 +133,6 @@ At this point, you should be able to test out the sign up/login flow as you did
 
 If you make additional changes to your project, simply push them up to your repo on `main`, and Webflow will automatically kick off a new deployment with your changes. Also, if your deployment build fails for any reason, check the "Deployment History" for more logs.
 
-## Build Locally
-
-To check a build locally before Webflow kicks off a build and deploys the latest changes, simply run the following commands:
-
-```bash
-npm run preview
-```
-
 ## Schema Changes
 
 If you modify the database schema:

betterauth-astro/astro.config.mjs

@@ -2,18 +2,26 @@ import { defineConfig } from "astro/config";
 
 import cloudflare from "@astrojs/cloudflare";
 import react from "@astrojs/react";
+import tailwindcss from "@tailwindcss/vite";
 
 // https://astro.build/config
 export default defineConfig({
-  base: "/app",
+  base: "/files",
+  build: {
+    assetsPrefix: "/files",
+  },
   output: "server",
+  security: {
+    checkOrigin: false,
+  },
   adapter: cloudflare({
     platformProxy: {
       enabled: true,
     },
   }),
   integrations: [react()],
   vite: {
+    plugins: [tailwindcss()],
     resolve: {
       // Use react-dom/server.edge instead of react-dom/server.browser for React 19.
       // Without this, MessageChannel from node:worker_threads needs to be polyfilled.

betterauth-astro/cloudflare-env.d.ts

@@ -1,13 +1,13 @@
 /* eslint-disable */
-// Generated by Wrangler by running `wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts` (hash: 6d5c961e233ab43ca4c2230e4430c16c)
+// Generated by Wrangler by running `wrangler types --env-interface CloudflareEnv cloudflare-env.d.ts` (hash: e97a774ec183271f70ea23b11b8a8615)
 // Runtime types generated with [email protected] 2025-04-15 nodejs_compat
 declare namespace Cloudflare {
 	interface Env {
-		WEBFLOW_SITE_ID: string;
-		WEBFLOW_SITE_API_TOKEN: string;
 		BETTER_AUTH_SECRET: string;
 		BETTER_AUTH_URL: string;
-		PRODUCTION_ORIGIN_URL: string;
+		WEBFLOW_SITE_ID: string;
+		WEBFLOW_SITE_API_TOKEN: string;
+		USER_AVATARS: R2Bucket;
 		DB: D1Database;
 		ASSETS: Fetcher;
 	}
@@ -17,7 +17,7 @@ type StringifyValues<EnvType extends Record<string, unknown>> = {
 	[Binding in keyof EnvType]: EnvType[Binding] extends string ? EnvType[Binding] : string;
 };
 declare namespace NodeJS {
-	interface ProcessEnv extends StringifyValues<Pick<Cloudflare.Env, "WEBFLOW_SITE_ID" | "WEBFLOW_SITE_API_TOKEN" | "BETTER_AUTH_SECRET" | "BETTER_AUTH_URL" | "PRODUCTION_ORIGIN_URL">> {}
+	interface ProcessEnv extends StringifyValues<Pick<Cloudflare.Env, "BETTER_AUTH_SECRET" | "BETTER_AUTH_URL" | "WEBFLOW_SITE_ID" | "WEBFLOW_SITE_API_TOKEN">> {}
 }
 
 // Begin runtime types