build a site

구조 AI

Build-A-Site AI는 AI의 힘을 활용하여 웹 사이트의 컨텐츠 및 이미지를 생성하는 자동화 된 웹 사이트 빌더입니다. 이 응용 프로그램은 컨텐츠 생성을 위해 OpenAI API를 사용하고 이미지 생성을 위해 안정적인 확산 AI를 사용합니다. 그런 다음 컨텐츠를 사전 제작 된 섹션 템플릿에 추가하고 Tailwindcss를 사용하여 스타일링합니다. 처리 된 컨텐츠는 공개되는 AWS S3 버킷에 저장됩니다. 사용자는 컨텐츠를 편집하고 업데이트 할 수있는 옵션이 있으며 저장되면 사이트 파일이 버킷에서 업데이트됩니다. 사용자는 CloudFlare를 사용하여 도메인을 추가 할 수도 있습니다.

특징

• AI 기반 컨텐츠 및 이미지 생성
• 사전 빌드 섹션 템플릿
• Tailwindcss를 사용한 스타일링
• AWS S3 버킷의 컨텐츠 저장
• 편집 가능한 컨텐츠
• CloudFlare를 사용한 도메인 추가

전제 조건

시작하기 전에 다음 요구 사항을 충족했는지 확인하십시오.

• Node.js 및 NPM을 설치했습니다
• JavaScript 및 Node.js에 대한 기본적인 이해가 있습니다

Build-A-Site AI 설치

Build-A-Site AI를 설치하려면 다음을 수행하십시오.

1. 레포 git clone https://github.com/i-dream-of-ai/build-a-site 복제하십시오

2. NPM 패키지 npm install 설치하십시오

Build-A-Site AI 사용

이 응용 프로그램은 구성을 위해 여러 환경 변수를 사용합니다. 응용 프로그램을 실행하려면이를 설정해야합니다.

Build-A-Site AI를 사용하려면 다음을 수행하십시오.

1. .env.example .env 로 바꿉니다.

2. 자격 증명 및 설정으로 .env 파일을 업데이트하십시오.

   • NEXTAUTH_SECRET : 세션 데이터를 암호화하는 데 사용되는 비밀. 이를 위해 임의의 문자열을 생성 할 수 있습니다.
   • NEXTAUTH_URL : 응용 프로그램의 기본 URL.
   • NEXT_PUBLIC_APP_URL : 응용 프로그램의 공개 URL.
   • ADMIN_EMAIL : 응용 프로그램의 관리자 사용자를위한 이메일 주소.
   • MONGODB_URI : MongoDB 데이터베이스의 URI.
   • MONGODB_DB : mongodb 데이터베이스의 이름.
   • DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_TEMPERATURE , NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT : OpenAi API 호출에 대한 설정입니다. 특정 요구 사항이 없으면 변경할 필요가 없습니다.
   • OPENAI_API_KEY , OPENAI_ORGANIZATION : OpenAI API 키 및 조직 ID.
   • STABLE_DIFFUSION_KEY : 이미지 생성을위한 안정적인 확산 API 키.
   • SENDGRID_API_KEY , EMAIL_SECRET , EMAIL_FROM : sendgrid API 키, 이메일 데이터 암호화 비밀 및 발신 이메일 주소.
   • NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY , STRIPE_SECRET_KEY , STRIPE_WEBHOOK_SECRET : 사용자 구독 처리를위한 Stripe API 키.
   • AWS_ACCESS_KEY_ID , AWS_SECRET_ACCESS_KEY , AWS_REGION : AWS S3에 배포하기위한 AWS 자격 증명. AWS 계정에서 필요한 권한을 설정하십시오.

3. .env 파일을 설정 한 후 npm run start 으로 응용 프로그램을 시작할 수 있습니다.

사용 된 기술

이 프로젝트는 여러 개의 최첨단 라이브러리 및 서비스를 사용합니다.

• OpenAI API : 웹 사이트 콘텐츠 생성에 사용됩니다.
• 안정적인 확산 AI : 이미지 생성에 사용됩니다.
• Tailwindcss : 응용 프로그램 스타일링에 사용되는 유틸리티 우선 CSS 프레임 워크.
• PostCSS : JavaScript로 CSS를 변환하는 도구.
• AWS S3 : 생성 된 웹 사이트 컨텐츠를 저장 및 서비스하는 데 사용됩니다.
• CloudFlare : 도메인 관리에 사용됩니다.
• Nextauth.js : Next.js 응용 프로그램을위한 완전한 오픈 소스 인증 솔루션.
• MongoDB : 소스를 사용할 수있는 크로스 플랫폼 문서 지향 데이터베이스 프로그램.
• SendGrid : 이메일 서버를 유지하지 않고도 이메일을 보낼 수있는 클라우드 기반 SMTP 제공 업체입니다.
• 스트라이프 : 인터넷 비즈니스를위한 온라인 결제 처리.

Build-A-Site AI에 기여합니다

기부금, 문제 및 기능 요청을 환영합니다! 문제 페이지를 확인하십시오. 기고 가이드를 살펴볼 수도 있습니다.

1. 프로젝트를 포크하십시오
2. 기능 지점 만들기 ( git checkout -b feature/AmazingFeature )
3. 변경 사항을 커밋하십시오 ( git commit -m 'Add some AmazingFeature' )
4. 분기로 git push origin feature/AmazingFeature
5. 풀 요청을 엽니 다

지원하다

이 프로젝트가 도움이된다면 ️를주세요!

연락하다

저에게 연락하고 싶다면 <[email protected]> 로 저에게 연락 할 수 있습니다.

특허

이 프로젝트는 MIT 라이센스를 사용합니다. 자세한 내용은 라이센스 파일을 참조하십시오.