Skip to content

leap-ai/leap-ai-cover-images

Repository files navigation

Leap AI Cover Images 🎆

Welcome! This repo has a working implementation of how to generate AI cover images using Leap AI. ✨

Try it out here!

Get started by forking this repository (button top right), and downloading it to your computer. From there follow the below :)

Getting started

  1. Learn more about AI Backgrounds with Leap
  2. Read our AI Backgrounds Guide
  3. Visit the Leap Developer Hub

Setup

  1. Add your credentials in .env, following the .envExample file
  2. Head to pages/index.tsx for editing text, prompts, and colors to match your theme
  3. Adjust image prompts in helpers/prompts.ts
  4. Adjust the number of images generated w/ the numberOfImages parameter in /pages/api/generate

Run it locally

  1. Open the terminal
  2. Run npm install to grab the necessary packages
  3. Hit npm run dev to start your server on http://localhost:3000
  4. Enter a prompt or choose a style to generate
  5. Click the Generate Cover Button

Deploy to the world

  1. Push all your changes to Github (or another git provider)
  2. Head to vercel.app, import your repo, and hit deploy
  3. note: you will need vercel pro plan or /pages/api/generate call will likely timeout after 10 sec. You can also deploy on Zeet to avoid this issue.

Deploy with Vercel

You've got off localhost 👏

This is huge! You've got an AI image app running on the web, and you can share it with the world.

if you got value from this -- plz give us a star 🙂⭐

built w/ ❤️ by alex with Leap AI