{"id":22490128,"url":"https://github.com/Flosciante/nuxt-image-gallery","last_synced_at":"2025-08-02T22:32:19.178Z","repository":{"id":231144732,"uuid":"633783228","full_name":"Flosciante/nuxt-image-gallery","owner":"Flosciante","description":"This starter lets you get started with NuxtHub Blob in seconds.","archived":false,"fork":false,"pushed_at":"2024-04-11T22:31:39.000Z","size":102679,"stargazers_count":77,"open_issues_count":0,"forks_count":7,"subscribers_count":2,"default_branch":"main","last_synced_at":"2024-04-15T14:01:46.586Z","etag":null,"topics":["cloudflare","nuxt","nuxthub","r2","vue"],"latest_commit_sha":null,"homepage":"https://image-gallery.nuxt.dev","language":"Vue","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Flosciante.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2023-04-28T09:10:41.000Z","updated_at":"2024-04-26T17:26:34.060Z","dependencies_parsed_at":"2024-04-02T17:49:29.248Z","dependency_job_id":"f6acf9ea-3005-4d80-a17e-fe6523056af2","html_url":"https://github.com/Flosciante/nuxt-image-gallery","commit_stats":null,"previous_names":["flosciante/nuxt-image-gallery"],"tags_count":0,"template":true,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flosciante%2Fnuxt-image-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flosciante%2Fnuxt-image-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flosciante%2Fnuxt-image-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Flosciante%2Fnuxt-image-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Flosciante","download_url":"https://codeload.github.com/Flosciante/nuxt-image-gallery/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":228500833,"owners_count":17930141,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cloudflare","nuxt","nuxthub","r2","vue"],"created_at":"2024-12-06T17:21:50.485Z","updated_at":"2025-08-02T22:32:19.167Z","avatar_url":"https://github.com/Flosciante.png","language":"Vue","funding_links":[],"categories":["Vue","Starter Kits"],"sub_categories":[],"readme":"# NuxtHub Image Gallery Starter Template\n\nThis starter lets you get started with [NuxtHub Blob](https://hub.nuxt.com/docs/storage/blob) in seconds.\n\n[![Deploy to NuxtHub](https://hub.nuxt.com/button.svg)](https://admin.hub.nuxt.com/new?template=image-gallery)\n\nhttps://github.com/Flosciante/nuxt-image-gallery/assets/904724/6e2bafdf-f5a0-42cf-b1f8-1d11c6ec919f\n\n## Features\n\n- 📷 Image upload and display with [`hubBlob()`](http://hub.nuxt.com/docs/storage/blob)\n- 🖼️ Image Filters: Apply a variety of filters to your images.\n- 💾 Saving: Save your images with applied filters.\n- 🌐 Cloud Storage: Blob powered by NuxtHub (cloudflare R2).\n- 🎠 Custom Carousel: Includes a custom carousel component that can be adapted for in-house use.\n- 🏃🏻 [View transition API](https://developer.chrome.com/docs/web-platform/view-transitions) The View Transitions API provides a mechanism for easily creating animated transitions between different DOM states while also updating the DOM contents in a single step.\n- 🔑 [Nuxt Auth Utils](https://github.com/Atinux/nuxt-auth-utils) Minimalist Authentication module for Nuxt exposing Vue composables and server utils.\n\n## Stack\n\n- [NuxtHub](https://hub.nuxt.com) - A Nuxt toolkit to build fullstack applications on the edge\n- [NuxtUI v3](https://ui.nuxt.com/getting-started) - A UI library for modern web applications using Radix Vue and Tailwind CSS v4 under the hood\n- [Nuxt Fonts](https://github.com/nuxt/fonts) - Plug-and-play custom web font optimization and configuration for Nuxt apps.\n- [VueUse](https://github.com/antfu/vueuse) - Collection of useful composition APIs\n- [ESLint](https://eslint.org/) with [@nuxt/eslint-config](https://github.com/nuxt/eslint), single quotes, no semi\n- [TypeScript](https://www.typescriptlang.org/)\n\n## Setup\n\n1. Clone this repository to your local machine.\n2. Install dependencies using the command `pnpm install` or your favorite package manager.\n3. Run the application with the command `pnpm dev` or your favorite package manager.\n\n\u003e If you don't have pnpm installed, run: `corepack enable pnpm`\n\n## Environment Variables\n\n- `NUXT_ADMIN_PASSWORD` - A password to access the admin panel and upload images, will default to `admin` if not provided.\n- `NUXT_SESSION_PASSWORD` - A secret key for session encryption used by [nuxt-auth-utils](https://github.com/Atinux/nuxt-auth-utils), will be generated automatically if not provided in development mode.\n\n## Development\n\n```bash\npnpm dev\n```\n\n### Remote Storage\n\nOnce you deployed your project, you can connect to your remote database locally running:\n\n```bash\npnpm dev --remote\n```\n\n### Deploy\n\nYou can deploy this project on your Cloudflare account for free and with zero configuration using [NuxtHub](https://hub.nuxt.com).\n\n```bash\nnpx nuxthub deploy\n```\n\nIt's also possible to leverage Cloudflare Pages CI for deploying, learn more about the different options on https://hub.nuxt.com/docs/getting-started/deploy\n\nLearn more about remote storage on https://hub.nuxt.com/docs/getting-started/remote-storage\n\n## Template Starter\n\nThis project is a template starter provided by NuxtHub. It's designed to help kickstart your NuxtHub files project.\n\nCheck out the [deployment documentation](https://hub.nuxt.com/docs/getting-started/deploy) for more information.\n\n## Contribution\n\nContributions are welcome! Feel free to open an issue to report a bug or submit a feature request via a pull request.\n\n## Credits\n\nThanks to [Atinux](https://github.com/Atinux) for the contributions and advice provided.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFlosciante%2Fnuxt-image-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2FFlosciante%2Fnuxt-image-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2FFlosciante%2Fnuxt-image-gallery/lists"}