Nuxt Image Gallery

Overview:

The NuxtHub Image Gallery Starter Template is a pre-built template that allows users to quickly get started with NuxtHub Blob, a cloud storage solution based on Cloudflare R2. This template provides features for uploading, displaying, and saving images with applied filters. It also includes a custom carousel component, view transition API, minimalist authentication module, and various other utilities for building fullstack applications on the edge.

Features:

• **Image upload and display with hubBlob()
• Image Filters: Apply various filters to images.
• Saving: Save images with applied filters.
• Cloud Storage: Utilizes Blob powered by NuxtHub.
• Custom Carousel: Includes a custom carousel component for use.
• View Transition API: Easily create animated transitions between different DOM states.
• Nuxt Auth Utils: Minimalist Authentication module with Vue composables and server utils.

Installation:

1. Clone this repository to your local machine.
2. Install dependencies using bun install or your preferred package manager.
3. Run the application with bun dev or your favorite package manager.
4. If bun is not installed, run: curl -fsSL https://bun.sh/install | bash
5. Set environment variables:
   • NUXT_ADMIN_PASSWORD: Password for admin panel and image upload (default: admin if not provided).
   • NUXT_SESSION_PASSWORD: Secret key for session encryption (generated automatically if not provided in development).

Summary:

The NuxtHub Image Gallery Starter Template is a comprehensive solution for quickly setting up an image gallery project with cloud storage capabilities, image filtering, and more. Users can easily deploy the project on Cloudflare account using NuxtHub, making it a convenient choice for developers looking to kickstart their projects with NuxtHub Blob integration. Contributions are welcome, and the template is provided as a helpful starting point for NuxtHub projects.