{content}
18 |
3 | 7 | An open source logo generator – create professional logos in seconds with customizable styles. 8 |
9 | 10 | ## Tech stack 11 | 12 | - [Flux Pro 1.1](https://togetherai.link/flux-playground) on [Together AI](https://togetherai.link/) for logo generation 13 | - [Next.js](https://nextjs.org/) with TypeScript for the app framework 14 | - [Shadcn](https://ui.shadcn.com/) for UI components & [Tailwind](https://tailwindcss.com/) for styling 15 | - [Upstash Redis](https://upstash.com/) for rate limiting 16 | - [Clerk](https://clerk.com/) for authentication 17 | - [Plausible](https://plausible.io/) & [Helicone](https://helicone.ai/) for analytics & observability 18 | 19 | ## Cloning & running 20 | 21 | 1. Clone the repo: `git clone https://github.com/Nutlope/logocreator` 22 | 2. Create a `.env` file and add your [Together AI API key](https://api.together.xyz/settings/api-keys): `TOGETHER_API_KEY=` 23 | 3. Run `npm install` and `npm run dev` to install dependencies and run locally. 24 | 25 | ## Future Tasks 26 | 27 | - [ ] Create a dashboard with a user's logo history 28 | - [ ] Support SVG exports instead of just PNG 29 | - [ ] Add support for additional styles 30 | - [ ] Add a dropdown for image size (can do up to 1440x1440) 31 | - [ ] Show approximate price when using your own Together AI key 32 | - [ ] Allow the ability to upload a reference logo (use vision model to read it) 33 | - [ ] Redesign popular brand’s logos with my logo maker and have it in a showcase 34 | -------------------------------------------------------------------------------- /app/components/Header.tsx: -------------------------------------------------------------------------------- 1 | import Image from "next/image"; 2 | import Link from "next/link"; 3 | import { 4 | SignInButton, 5 | SignedIn, 6 | SignedOut, 7 | UserButton, 8 | useUser, 9 | } from "@clerk/nextjs"; 10 | import { domain } from "@/app/lib/domain"; 11 | 12 | export default function Header({ className }: { className: string }) { 13 | const { user } = useUser(); 14 | 15 | return ( 16 |Your API key
43 | ) : ( 44 |Credits: {`${user?.unsafeMetadata.remaining ?? 3}`}
45 | )} 46 |344 | Create a free account to start making logos: 345 |
346 | 347 |