Share your drawings with the world with this Nuxt application using NuxtHub Blob storage (Cloudflare R2) and deployed on the Edge (Cloudflare Pages).

• Demo
• NuxtHub docs
• Nuxt docs

Now it's your turn! https://draw.nuxt.dev

• Image upload with useUpload()
• Auth with Google & GitHub based on nuxt-auth-utils
• Draw with signature_pad
• Deploy to the Edge with nuxthub deploy using a GitHub action

Make sure to install the dependencies:

pnpm install

Start the development server on http://localhost:3000:

pnpm dev

Build the application for production:

pnpm build

Copy the .env.example file to .env and fill in the required environment variables:

cp .env.example .env

You may want to create Google and GitHub OAuth applications.

Deploy the application on the Edge with NuxtHub:

npx nuxthub deploy

Then manage the drawings of your users in the NuxtHub Admin.

You can also deploy using Cloudflare Pages CI.