docs: add Hello Edge template

Author: atinux

docs/content/4.changelog/blob-folders.md

@@ -3,6 +3,7 @@ title: Blob Folders
 description: "It is now possible to change the view of your blobs to a folder structure."
 date: 2024-06-03
 image: '/images/changelog/blob-folders.png'
+category: Admin
 authors:
   - name: Sebastien Chopin
     avatar: 

docs/content/4.changelog/deployment-details.md

@@ -3,6 +3,7 @@ title: Deployment Details
 description: "We redesigned the deployment listing as well as added the deployment page to provide more information about each deployment."
 date: 2024-05-28
 image: '/images/changelog/deployment-details.png'
+category: Admin
 authors:
   - name: Sebastien Chopin
     avatar: 

docs/content/4.changelog/drizzle-studio-remembers.md

@@ -3,6 +3,7 @@ title: Drizzle Studio Remembers
 description: "The database admin UI now remembers where you were last time, speeding up your workflow."
 date: 2024-06-04
 image: '/images/changelog/drizzle-studio-remembers.png'
+category: Admin
 authors:
   - name: Sebastien Chopin
     avatar: 

docs/content/4.changelog/hello-edge.md

@@ -0,0 +1,51 @@
+---
+title: Hello World Template
+description: "Hello Edge is our minimal Nuxt template to get started with server-side rendering on the Edge."
+date: 2024-06-18
+image: '/images/changelog/hello-edge.png'
+category: Template
+authors:
+  - name: Sebastien Chopin
+    avatar: 
+      src: https://avatars.githubusercontent.com/u/904724?v=4
+    to: https://x.com/atinux
+    username: atinux
+---
+
+::tip
+This template is a great starting point for your next Nuxt project. It's simple, fast and ready to be deployed to the Edge.
+::
+
+## Minimal by design
+
+This template is a minimal Nuxt project **with no storage**, just a simple "Hello from the Edge 👋" message that you can configure with an environment variable:
+
+```bash [.env]
+NUXT_PUBLIC_HELLO_TEXT="My custom message!"
+```
+
+We enabled the Nuxt 4 upcoming directory structure, ESLint and the Nuxt Devtools for a great developer experience.
+
+::callout{icon="i-simple-icons-github" color="gray"}
+The source code is open source and available on GitHub at [nuxt-hub/hello-edge](https://github.com/nuxt-hub/hello-edge).
+::
+
+## Deploy with one-click
+
+From now on, you can deploy this template to the Edge (globally, all over the world) with a single click directly from the [NuxtHub Admin](https://admin.hub.nuxt.com):
+
+::video{poster="https://res.cloudinary.com/nuxt/video/upload/v1718664649/nuxthub/hello-edge-template_tfmkie.jpg" controls class="w-full h-auto"}
+  :source{src="https://res.cloudinary.com/nuxt/video/upload/v1718664649/nuxthub/hello-edge-template_tfmkie.webm" type="video/webm"}
+  :source{src="https://res.cloudinary.com/nuxt/video/upload/v1718664649/nuxthub/hello-edge-template_tfmkie.mp4" type="video/mp4"}
+  :source{src="https://res.cloudinary.com/nuxt/video/upload/v1718664649/nuxthub/hello-edge-template_tfmkie.ogg" type="video/ogg"}
+::
+
+::callout
+Checkout the demo of the project from the video at [vue.nuxt.dev](https://vue.nuxt.dev).
+::
+
+::tip
+You can deploy this template on a free NuxtHub account and a free Cloudflare account.
+::
+
+You can also visit [our templates page](/templates) to get started.

docs/content/4.changelog/server-cache.md

@@ -3,6 +3,7 @@ title: Server Cache UI
 description: "It is now possible to manage your server cache with our new UI for Server Cache."
 date: 2024-04-18
 image: '/images/changelog/server-cache.png'
+category: Admin
 authors:
   - name: Sebastien Chopin
     avatar:

docs/content/4.changelog/team-webhooks-env.md

@@ -3,6 +3,7 @@ title: Webhooks Environment Selection
 description: "It is now possible to select the environment to be notified about."
 date: 2024-06-15
 image: '/images/changelog/team-webhooks-env.png'
+category: Admin
 authors:
   - name: Sebastien Chopin
     avatar: 

docs/content/4.changelog/team-webhooks.md

@@ -3,6 +3,7 @@ title: Team Webhooks
 description: "It is now possible to trigger webhooks for your team's projects when a new deployment is created."
 date: 2024-05-22
 image: '/images/changelog/team-webhooks.png'
+category: Admin
 authors:
   - name: Sebastien Chopin
     avatar: 

docs/pages/changelog/index.vue

@@ -119,6 +119,9 @@ watch(() => arrivedState.bottom, () => {
               </NuxtLink>
 
               <div class="flex flex-col">
+                <div v-if="changelog.category" class="block mb-2">
+                  <UBadge :label="changelog.category" color="gray" variant="solid" />
+                </div>
                 <h2 class="text-3xl font-semibold">
                   <NuxtLink :to="changelog._path" class="hover:underline underline-offset-4 decoration-1">
                     {{ changelog.title }}