Instadraw

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

Features

• Image upload with useUpload()
• Auth with Google & GitHub based on nuxt-auth-utils
• Draw with signature_pad

Setup

Make sure to install the dependencies:

pnpm install

Development Server

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

pnpm dev

Production

Build the application for production:

pnpm build

Environment Variables

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 on the Edge

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.