add astro-product-gallery example

examples/astro-product-gallery/.gitignore

@@ -0,0 +1,21 @@
+# build output
+dist/
+
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.production
+
+# macOS-specific files
+.DS_Store

examples/astro-product-gallery/README.md

@@ -0,0 +1,46 @@
+# Astro Cloudinary Product Gallery Widget
+
+You can use the Product Gallery widget to display an image gallery in your
+application.
+
+View Demo: [COLBY DEPLOY THIS ON NETLIFY PLS]
+
+## 🧰 Using ProductGallery in a Astro project
+
+To use the ProductGallery widget in a Astro app, first load its script:
+
+```
+<script src="https://product-gallery.cloudinary.com/all.js" type="text/javascript">
+</script>
+```
+
+This will add a `cloudinary` property to the `window` object which will contain
+a `productWidget` method that you can use to initialize the widget.
+
+## 🚀 Get Started with This Example
+
+- Create an environment variable file `.env` and inside add:
+
+```
+VITE_CLOUDINARY_CLOUD_NAME="<Your Cloud Name>"
+```
+
+(Also ensure you have unticked "Resource List" from Restricted media types in [Settings > Security](https://console.cloudinary.com/settings/security))
+
+- Install the project dependencies with:
+
+```
+yarn install
+# or
+npm install
+```
+
+- Start the development server with:
+
+```
+yarn dev
+# or
+npm run dev
+```
+
+- Visit the project at <http://127.0.0.1:4321/>!

examples/astro-product-gallery/astro.config.mjs

@@ -0,0 +1,4 @@
+import { defineConfig } from 'astro/config';
+
+// https://astro.build/config
+export default defineConfig({});