Atinux / instadraw

Share your drawings with the world.

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

Too lazy to draw?

instadraw.mp4

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

Features

• 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

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.