Abstract BG

Abstract BG is a webshop for AI-generated mobile backgrounds aimed at mobile developers who need polished, device-ready visual assets for their apps. It combines a Next.js storefront with an Encore backend service.

Live site: https://abstract-bg-three.vercel.app/

Production Roadmap

The goal is to turn Abstract BG into a production-ready marketplace where mobile developers can browse, purchase, and download AI-generated app backgrounds, with a backend API, reliable authentication, managed data storage, payments, and an AI concierge that can help customers complete purchases through a "buy it for me" experience.

Completed

• Fully functional frontend experience
  The storefront is in place with browsing, gallery, image detail, account, admin, and download flows designed around a polished mobile-background marketplace.

• Authentication
  User sign-in, sign-up, session handling, account access, and protected user flows are functional.

• Data storage and CRUD flows
  Core product data can be created, read, updated, and managed through the app, supporting the catalog and administrative publishing workflow.

In Progress

• Encore backend API
  Build the backend API layer that will sit between the frontend, authentication, data storage, payments, and future automation features. This will provide a cleaner production boundary for business logic and integrations.

• Supabase auth and data storage hardening
  Finalize the production setup for authentication and persistent data storage, including access rules, schema ownership, and operational deployment practices.

• AI concierge for "buy it for me"
  Add an AI-assisted purchasing flow that can help customers find suitable backgrounds, understand their needs, and guide or complete the purchase journey.

• Stripe integration
  Add production payment handling for paid backgrounds, checkout, purchase confirmation, and access to purchased assets.

Production Readiness

• Secure configuration and secret management
  Ensure all production credentials, API keys, and environment-specific settings are managed outside the codebase.

• Purchase and entitlement model
  Define how paid assets become available to users after checkout, including ownership, download access, and account history.

• Reliability and monitoring
  Add production observability for API health, checkout flow, authentication issues, failed downloads, and operational errors.

• Legal and customer trust pages
  Finalize licensing, privacy, terms, refunds, and support information so customers understand what they can buy and how they can use it.

• Deployment workflow
  Establish a repeatable release process for the frontend, backend API, database changes, and production configuration.

Project Structure

• frontend — Next.js app for the storefront, gallery, account, admin, and download flows.
• agent-service — Encore TypeScript backend service.

Development

Install dependencies and run both apps from the repo root:

pnpm install
pnpm dev