feat: migrate to cloud, hamburger menu, refactors

README.md

@@ -4,7 +4,7 @@ This repository has various example projects created by the Appwrite community u
 
 ## Small Examples
 
-- [**Blog**](/example-blog/) Example of how to build blog pages using Astro.
+- [**example-blog**](https://demos-for-astro-example-blog.vercel.app/) - a basic blog with authentication, posts, and comments.
 
 ## Large Projects
 

example-blog/.env.template

@@ -2,5 +2,6 @@ PUBLIC_APPWRITE_ENDPOINT=YOUR_ENDPOINT
 PUBLIC_APPWRITE_PROJECT_ID=YOUR_PROJECT_ID
 
 PUBLIC_APPWRITE_DB_ID=YOUR_DATABASE_ID
-PUBLIC_APPWRITE_BLOG_ID=YOUR_BLOG_COLLECTION_ID
-PUBLIC_APPWRITE_COMMENTS_ID=YOUR_BLOG_COMMENTS_COLLECTION_ID
+PUBLIC_APPWRITE_POSTS_ID=YOUR_POSTS_COLLECTION_ID
+PUBLIC_APPWRITE_COMMENTS_ID=YOUR_COMMENTS_COLLECTION_ID
+PUBLIC_APPWRITE_BUCKET_ID=YOUR_BUCKET_ID

example-blog/.gitignore

@@ -1,5 +1,6 @@
 # build output
 dist/
+.vercel
 # generated types
 .astro/
 

example-blog/.prettierignore

@@ -0,0 +1 @@
+appwrite.json

example-blog/README.md

@@ -31,9 +31,6 @@ npm create astro@latest -- --template blog
 
 > 🧑‍🚀 **Seasoned astronaut?** Delete this file. Have fun!
 
-
-![blog](https://user-images.githubusercontent.com/4677417/186189140-4ef17aac-c3c9-4918-a8c2-ce86ba1bb394.png)
-
 Features:
 
 - ✅ Minimal styling (make it your own!)

example-blog/appwrite.json

@@ -1,32 +1,28 @@
 {
-    "projectId": "6062f9c2c09ce",
-    "projectName": "Appwrite Demos",
+    "projectId": "demos_for_astro",
+    "projectName": "Demos For Astro",
+    "databases": [
+        {
+            "$id": "blog",
+            "name": "Blog",
+            "$createdAt": "2023-05-24T10:32:35.676+00:00",
+            "$updatedAt": "2023-05-24T10:32:35.676+00:00"
+        }
+    ],
     "collections": [
         {
-            "$id": "63ecf94aad01784f9c65",
-            "$createdAt": "2023-02-15T15:24:58.708+00:00",
-            "$updatedAt": "2023-02-19T22:17:01.591+00:00",
+            "$id": "posts",
             "$permissions": [
                 "read(\"any\")",
-                "create(\"team:63f29f648b9a34a914d1\")",
-                "read(\"team:63f29f648b9a34a914d1\")",
-                "update(\"team:63f29f648b9a34a914d1\")",
-                "delete(\"team:63f29f648b9a34a914d1\")"
+                "create(\"team:authors\")",
+                "update(\"team:authors\")",
+                "delete(\"team:authors\")"
             ],
-            "databaseId": "default",
-            "name": "Astro Example Blog",
+            "databaseId": "blog",
+            "name": "Posts",
             "enabled": true,
-            "documentSecurity": false,
+            "documentSecurity": true,
             "attributes": [
-                {
-                    "key": "date",
-                    "type": "datetime",
-                    "status": "available",
-                    "required": true,
-                    "array": false,
-                    "format": "",
-                    "default": null
-                },
                 {
                     "key": "slug",
                     "type": "string",
@@ -62,6 +58,15 @@
                     "array": false,
                     "size": 255,
                     "default": null
+                },
+                {
+                    "key": "imageUrl",
+                    "type": "string",
+                    "status": "available",
+                    "required": false,
+                    "array": false,
+                    "format": "url",
+                    "default": null
                 }
             ],
             "indexes": [
@@ -79,15 +84,13 @@
             ]
         },
         {
-            "$id": "63f6538dbe55918d0685",
-            "$createdAt": "2023-02-22T17:40:29.779+00:00",
-            "$updatedAt": "2023-02-22T18:46:38.358+00:00",
+            "$id": "comments",
             "$permissions": [
-                "create(\"users\")",
-                "read(\"users\")"
+                "read(\"any\")",
+                "create(\"users\")"
             ],
-            "databaseId": "default",
-            "name": "Astro Example Comments",
+            "databaseId": "blog",
+            "name": "Comments",
             "enabled": true,
             "documentSecurity": true,
             "attributes": [
@@ -101,7 +104,7 @@
                     "default": null
                 },
                 {
-                    "key": "comment",
+                    "key": "content",
                     "type": "string",
                     "status": "available",
                     "required": true,
@@ -124,5 +127,32 @@
                 }
             ]
         }
+    ],
+    "teams": [
+        {
+            "$id": "authors",
+            "name": "authors"
+        }
+    ],
+    "buckets": [
+        {
+            "$id": "post_images",
+            "$createdAt": "2023-05-24T14:03:26.874+00:00",
+            "$updatedAt": "2023-05-24T14:04:32.937+00:00",
+            "$permissions": [
+                "read(\"any\")",
+                "create(\"team:authors\")",
+                "update(\"team:authors\")",
+                "delete(\"team:authors\")"
+            ],
+            "fileSecurity": false,
+            "name": "post_images",
+            "enabled": true,
+            "maximumFileSize": 3000000000,
+            "allowedFileExtensions": [],
+            "compression": "none",
+            "encryption": true,
+            "antivirus": true
+        }
     ]
 }

example-blog/astro.config.mjs

@@ -1,14 +1,14 @@
-import { defineConfig } from 'astro/config';
-import mdx from '@astrojs/mdx';
-import sitemap from '@astrojs/sitemap';
+import { defineConfig } from "astro/config";
+import mdx from "@astrojs/mdx";
+import sitemap from "@astrojs/sitemap";
 
 // https://astro.build/config
 import vercel from "@astrojs/vercel/serverless";
 
 // https://astro.build/config
 export default defineConfig({
-  output: 'server',
-  site: 'https://example.com',
+  output: "server",
+  site: "https://appwrite-demos-for-astro-blog.vercel.app",
   integrations: [mdx(), sitemap()],
-  adapter: vercel()
-});
+  adapter: vercel(),
+});