nutlope/qrgpt

An AI QR Code Generator

qrGPT

Generate beautiful AI QR Codes in seconds. Powered by Vercel and Replicate.

Tech Stack · Deploy Your Own · Authors · Credits

Tech Stack

• Next.js App Router
• Replicate for the AI model
• Vercel Blob for image storage
• Vercel KV for redis storage and rate limiting
• Shadcn UI for the component library

Deploy Your Own

You can deploy this template to Vercel with the button below:

Note that you'll need to:

• Set up Replicate
• Set up Vercel KV
• Set up Vercel Blob

Authors

• Hassan El Mghari (@nutlope)
• Kevin Hou (@kevinhou22)

Credits

• Codeium and v0 for quick prototyping and AI autocomplete
• Spirals for great code patterns and some code (ty Steven)
• Lim Zi Yang for the original AI model

qrgpt's Issues

Generate WiFi QR Codes

Hello! Thank you for building this project, it's so nice! I wanted to ask if you have plans to add more QR types besides text. Generating a WiFi QR code is very straightforward. If this is something you'd be open to, I am happy to start a PR. Thanks!

WIFI:S:<SSID>;T:<WEP|WPA|blank>;P:<PASSWORD>;H:<true|false|blank>;;

Add image domain as an env var

First off, thanks for the amazing repo! Not a major issue, but one piece of quick feedback is to make image domain url as part of the env vars within next.config.js. I had to change it to get your repo to work locally and in prod with my blob setup:

Reference: https://github.com/Nutlope/qrGPT/blob/main/next.config.js

You can change to something like below & add a note to .example.env

/** @type {import('next').NextConfig} */
const nextConfig = {
  images: {
    domains: ['pbxt.replicate.delivery', process.env.IMG_DOMAIN],
  },
};

module.exports = nextConfig;

HomePage prompt

i want to know the homepage prompt to generate code