Firecrawl과 DataForSEO를 사용해 웹사이트 최대 500개 페이지의 온페이지 SEO 지표 74개를 감사하는 셀프 호스팅 웹 앱입니다.
- 스타
- 354
- 포크
- 42
- 열린 이슈
- 0
- 마지막 커밋
- 11개월 전
어떤 프로젝트인가요?
NanoBanana Studio는 Photoshop과 Photopea를 가볍게 본뜬 웹 이미지 편집기입니다. 사용자는 이미지를 업로드하고 원하는 변경 사항을 자연어로 설명할 수 있으며, 원치 않는 요소를 제외하도록 네거티브 프롬프트를 추가할 수도 있습니다. 편집된 결과는 다운로드할 수 있습니다. 텍스트 프롬프트와 너비·높이 설정을 사용해 새 이미지를 생성하는 기능도 지원합니다.
이미지 편집과 생성은 fal.ai에서 호스팅하는 Google의 NanoBanana 모델에 맡깁니다. React와 TypeScript 프런트엔드는 Express 백엔드와 통신하며, 백엔드는 fal.ai API 키를 보관하고 선택한 모델로 요청을 전달합니다. UI에서 기본 NanoBanana와 NanoBanana Pro 모델을 전환할 수 있습니다.
백엔드는 파일 형식과 크기 검사, 입력값 검증을 수행하며 API 호출에 120초 제한 시간을 적용합니다. 설치하려면 Node.js 18 이상과 백엔드 환경 파일에 설정할 fal.ai API 키가 필요합니다.
핵심 기능
- 01자연어 프롬프트로 업로드한 이미지 편집
- 02너비와 높이를 설정해 텍스트로 새 이미지 생성
- 03원치 않는 요소를 제외할 수 있는 네거티브 프롬프트 지원
- 04NanoBanana와 NanoBanana Pro 모델 간 전환
- 05클릭 한 번으로 편집한 이미지 다운로드
활용 사례
- 하늘을 바꾸거나 배경을 제거하는 등 프롬프트 기반으로 이미지를 빠르게 편집
- 데스크톱 편집기 없이 텍스트 설명으로 이미지 생성
- fal.ai API를 기반으로 AI 이미지 편집 인터페이스 프로토타이핑
빠른 시작
- 1
저장소를 클론하고 종속성을 설치합니다
npm run install:all - 2
템플릿에서 백엔드 환경 파일을 만듭니다
cd backend cp env.example .env - 3
fal.ai API 키를 backend/.env에 추가합니다(FAL_API_KEY=...)
- 4
프런트엔드와 백엔드를 개발 모드로 시작합니다
npm run dev
사용 전 알아둘 점
- fal.ai API 키가 필요하며, 앱은 유료 fal.ai 모델 엔드포인트를 호출합니다.
토픽
자주 묻는 질문
- fal-nanobanana-studio은(는) 무엇인가요?
- fal.ai의 NanoBanana 모델로 텍스트 프롬프트에 따라 이미지를 편집하고 생성하는 브라우저 기반 AI 이미지 편집기입니다. NanoBanana Studio는 Photoshop과 Photopea를 가볍게 본뜬 웹 이미지 편집기입니다. 사용자는 이미지를 업로드하고 원하는 변경 사항을 자연어로 설명할 수 있으며, 원치 않는 요소를 제외하도록 네거티브 프롬프트를 추가할 수도 있습니다. 편집된 결과는 다운로드할 수 있습니다. 텍스트 프롬프트와 너비·높이 설정을 사용해 새 이미지를 생성하는 기능도 지원합니다.
- fal-nanobanana-studio은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- fal-nanobanana-studio은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- fal-nanobanana-studio은(는) 아직 유지보수되고 있나요?
- 6개월 이상 커밋 없음. fal-nanobanana-studio의 마지막 커밋은 2025년 11월 24일입니다.
- fal-nanobanana-studio은(는) 어디에 사용할 수 있나요?
- 하늘을 바꾸거나 배경을 제거하는 등 프롬프트 기반으로 이미지를 빠르게 편집 데스크톱 편집기 없이 텍스트 설명으로 이미지 생성 fal.ai API를 기반으로 AI 이미지 편집 인터페이스 프로토타이핑
- fal-nanobanana-studio는 어떻게 설치하나요?
- 저장소를 클론하고 종속성을 설치합니다: npm run install:all 템플릿에서 백엔드 환경 파일을 만듭니다: cd backend cp env.example .env fal.ai API 키를 backend/.env에 추가합니다(FAL_API_KEY=...) 프런트엔드와 백엔드를 개발 모드로 시작합니다: npm run dev
- fal-nanobanana-studio은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/amrrs/fal-nanobanana-studio
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
React, Next.js, Svelte, Vue와 Node.js로 AI 기반 애플리케이션과 에이전트를 만들 수 있는 특정 제공업체에 종속되지 않는 TypeScript 툴킷입니다.
MCP 서버와 React 뷰를 사용하는 MCP Apps 및 클라이언트를 만들 수 있는 TypeScript 프레임워크로, Inspector와 CLI를 기본 제공합니다.
Inbox, Email, SMS, Push, Chat, Slack을 하나의 API로 연결해 메시지를 보내는 오픈소스 알림 및 에이전트 커뮤니케이션 인프라입니다.
React Aria와 Tailwind CSS v4를 기반으로 한 React UI 컴포넌트 라이브러리로, 이전 이름은 NextUI입니다.
AI 지원을 받아 브라우저에서 Next.js + Tailwind CSS 코드를 직접 디자인하고 편집할 수 있는 오픈소스 비주얼 에디터입니다.