Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/laurabeatris/starry

Turn your ideas into Van Gogh's Starry Night - Powered by Vercel, AuthKit and Replicate 💫
https://github.com/laurabeatris/starry

authkit nextjs openai replicate tailwind typescript vercel web-development

Last synced: 2 months ago
JSON representation

Turn your ideas into Van Gogh's Starry Night - Powered by Vercel, AuthKit and Replicate 💫

Awesome Lists containing this project

README

        



Starry – Generate pictures based on Van Gogh's Starry Night.

Starry 💫




Turn your ideas into Van Gogh's Starry Night



Laura Twitter followers count


Spirals repository stars count

## How it works

This application leverages an AI model, specifically [Stable Diffusion](https://replicate.com/stability-ai/stable-diffusion) hosted on Replicate, to transform your images into art inspired by Van Gogh's Starry Night. Simply enter a prompt, and it will be processed through this AI model via a Next.js server action and an API route that listens to Replicate's webhook.

## 🎥 Walkthrough videos

- [Video explanation on how I built this application]()
- [Launch demo video](https://x.com/lauradotjs/status/1754970380547117314?s=20)

## Powered by

- [Bun](https://bun.sh/) for compilation
- [Replicate](https://replicate.ai/) for AI API
- [Vercel](https://vercel.com)
- Next.js [App Router](https://nextjs.org/docs/app)
- Next.js [Server Actions](https://nextjs.org/docs/app/api-reference/functions/server-actions)
- [Vercel Blob](https://vercel.com/storage/blob) for image storage
- [Vercel KV](https://vercel.com/storage/kv) for redis
- [WorkOS](https://workos.com/)
- [AuthKit](https://authkit.com/) for user management

## How to run on your own machine

### 1. Install [Bun](https://bun.sh/) for compilation

### 2. Install [ngrok](https://ngrok.com/) to listen to Replicate's webhook events while developing locally

### 2. Cloning the repository

```bash
git clone
```

### 3. Sign up for the services mentioned in the [Powered by](#powered-by) section

### 4. Storing API keys in .env file.

Copy the `.env.example` file and update with your own API keys.

### 5. Installing the dependencies.

```bash
bun install
```

### 6. Running the application.

Then, run the application in the command line and it will be available at `http://localhost:3000`.

```bash
bun run dev
```

Also, run `ngrok http 3000` to create a tunnel to listen to Replicate's webhook events.

## Author

- Laura Beatris ([@lauradotjs](https://twitter.com/lauradotjs))