GeminiCoder: LlamaCoder 프로젝트에 기반한 Gemini API를 사용하여 웹 애플리케이션을 빠르게 생성합니다.

일반 소개

GeminiCoder는 Google 기반 쌍둥이자리 혁신적인 웹 애플리케이션 생성 도구의 API 개발. 이 프로젝트는 라마코더 의 뛰어난 기능과 최신 Gemini 1.5 Pro, Gemini 1.5 Flash 및 Gemini 2.0 Flash Experimental과 같은 강력한 AI 모델을 통합합니다. 간단한 텍스트 프롬프트를 통해 사용자는 완전한 웹 애플리케이션을 빠르게 생성할 수 있습니다. 이 프로젝트는 Next.js 프레임워크와 Tailwind CSS 스타일 라이브러리를 포함한 최신 기술 스택을 사용하고 샌드팩 온라인 코드 샌드박스를 통합하여 개발자에게 원활한 코드 편집과 실시간 미리보기 경험을 제공하며, GeminiCoder는 애플리케이션 개발 과정을 크게 단순화하여 아이디어를 빠르게 현실로 전환할 수 있도록 합니다.

기능 목록

• 자연어 프롬프트에서 완전한 웹 애플리케이션 생성 지원
• 최신 Gemini 1.5 Pro 및 2.0 Flash 실험용 AI 모델 통합
• 실시간 코드 편집 및 미리보기 기능 제공
• 내장된 샌드팩 코드 샌드박스 환경
• Next.js 및 Tailwind CSS 기술 스택 지원
• 완벽한 로컬 개발 환경 구성 제공
• Google 지원 AI 스튜디오 API 키 통합
• 확장 가능한 애플리케이션 생성 기능

도움말 사용

1. 환경 설정

먼저 개발 환경을 설정하려면 다음 단계를 완료해야 합니다:

1. API 키 가져오기
   • 인터뷰Google AI 스튜디오
   • 새 API 키 등록 및 생성
   • 나중에 사용할 수 있도록 API 키를 저장하세요.
2. 로컬 설치 단계

   # 克隆项目仓库
   git clone https://github.com/osanseviero/geminicoder
   # 创建环境配置文件
   touch .env
   # 在.env文件中添加API密钥
   GOOGLE_AI_API_KEY=你的API密钥
   # 安装依赖
   npm install
   # 启动开发服务器
   npm run dev
   

2. 사용 흐름

1. 애플리케이션 생성:
   • 로컬 개발 서버에 액세스(기본 주소: http://localhost:3000)
   • 프롬프트 입력란에 만들려는 애플리케이션을 설명합니다.
   • 자연어를 사용하여 애플리케이션의 기능과 특징을 자세히 설명하세요.
   • 생성 버튼을 클릭하여 애플리케이션 생성을 시작합니다.
2. 코드 편집 및 미리 보기:
   • 샌드팩 코드 편집기에서 생성된 코드 보기
   • 실시간으로 코드 콘텐츠 수정 및 조정
   • 미리보기 창에서 애플리케이션이 작동하는 모습을 확인하세요.
   • 다중 파일 편집 및 관리 지원
3. 기술 통합:
   • Next.js의 모든 최신 기능을 사용할 수 있습니다.
   • 테일윈드 CSS로 스타일링하기
   • 컴포넌트 기반 개발 지원
   • 추가 종속성 및 기능 추가 가능
4. 개발 제안:
   • 더 나은 결과물 생성을 위한 명확하고 구체적인 팁 제공
   • Gemini API의 다양한 모델 버전으로 다양한 생성 효과 시도하기
   • 프로젝트 종속성 업데이트를 정기적으로 동기화하여 최신 기능을 사용하세요.
   • 기능 확장 및 사용자 지정은 프로젝트 설명서를 참조하세요.

3. 주의 사항

• 이것은 구글의 공식 프로젝트가 아닌 개인 프로젝트입니다!
• API 키를 보호하고 코드 저장소에 커밋하지 않아야 함
• 지역 개발에 필요한 안정적인 인터넷 연결
• 생성된 코드를 정기적으로 백업하는 것이 좋습니다.
• 생성된 애플리케이션은 추가 최적화 및 튜닝이 필요할 수 있습니다.