build a site - build a site

build a site

Kode sumber lainnya

1.0.0

Unduh

AI Bangun-A-Site

Build-A-Site AI adalah pembangun situs web otomatis yang memanfaatkan kekuatan AI untuk menghasilkan konten dan gambar untuk situs web Anda. Aplikasi ini menggunakan API OpenAI untuk pembuatan konten dan AI difusi yang stabil untuk pembuatan gambar. Konten kemudian ditambahkan ke templat bagian prebuilt dan ditata menggunakan tailwindCSS. Konten yang diproses disimpan dalam ember AWS S3 yang dipublikasikan. Pengguna memiliki opsi untuk mengedit dan memperbarui konten, dan ketika disimpan, file situs diperbarui dalam ember. Pengguna juga dapat menambahkan domain menggunakan CloudFlare.

Fitur

Konten bertenaga AI dan pembuatan gambar
Templat bagian prebuilt
Styling menggunakan tailwindcss
Penyimpanan Konten di AWS S3 Bucket
Konten yang dapat diedit
Penambahan domain menggunakan cloudflare

Prasyarat

Sebelum Anda mulai, pastikan Anda telah memenuhi persyaratan berikut:

Anda telah menginstal Node.js dan NPM
Anda memiliki pemahaman dasar tentang JavaScript dan Node.js

Menginstal AI Build-A-Site

Untuk menginstal AI build-a-site, ikuti langkah-langkah ini:

Kloning repo git clone https://github.com/i-dream-of-ai/build-a-site
Instal Paket NPM npm install

Menggunakan AI Build-A-Site

Aplikasi ini menggunakan sejumlah variabel lingkungan untuk konfigurasi. Anda harus mengatur ini agar aplikasi berjalan.

Untuk menggunakan AI build-a-site, ikuti langkah-langkah ini:

Ganti nama .env.example menjadi .env .
Perbarui file .env dengan kredensial dan pengaturan Anda:
- NEXTAUTH_SECRET : Rahasia yang digunakan untuk mengenkripsi data sesi. Anda dapat menghasilkan string acak untuk ini.
- NEXTAUTH_URL : URL dasar untuk aplikasi Anda.
- NEXT_PUBLIC_APP_URL : URL publik untuk aplikasi Anda.
- ADMIN_EMAIL : Alamat email untuk pengguna admin dari aplikasi.
- MONGODB_URI : URI untuk database MongoDB Anda.
- MONGODB_DB : Nama basis data MongoDB Anda.
- DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_MODEL , NEXT_PUBLIC_DEFAULT_TEMPERATURE , NEXT_PUBLIC_DEFAULT_SYSTEM_PROMPT : Ini adalah pengaturan untuk panggilan API OpenAI. Anda tidak perlu mengubah ini kecuali Anda memiliki persyaratan khusus.
- OPENAI_API_KEY , OPENAI_ORGANIZATION : Kunci API OpenAI Anda dan ID Organisasi.
- STABLE_DIFFUSION_KEY : Kunci API difusi stabil Anda untuk pembuatan gambar.
- SENDGRID_API_KEY , EMAIL_SECRET , EMAIL_FROM : kunci API sendgrid Anda, rahasia untuk mengenkripsi data email, dan alamat email untuk email keluar.
- NEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY , STRIPE_SECRET_KEY , STRIPE_WEBHOOK_SECRET : tombol API stripe Anda untuk menangani langganan pengguna.
- AWS_ACCESS_KEY_ID , AWS_SECRET_ACCESS_KEY , AWS_REGION : Kredensial AWS Anda untuk digunakan ke AWS S3. Pastikan untuk mengatur izin yang diperlukan di akun AWS Anda.
Setelah menyiapkan file .env , Anda dapat memulai aplikasi dengan npm run start .

Teknologi digunakan

Proyek ini menggunakan sejumlah perpustakaan dan layanan mutakhir:

OpenAI API: Digunakan untuk menghasilkan konten situs web.
Difusi stabil AI: Digunakan untuk menghasilkan gambar.
TailwindCSS: Kerangka kerja CSS utilitas-pertama yang digunakan untuk menata aplikasi.
PostCSS: Alat untuk mengubah CSS dengan JavaScript.
AWS S3: Digunakan untuk menyimpan dan melayani konten situs web yang dihasilkan.
Cloudflare: Digunakan untuk mengelola domain.
NextAuth.js: Solusi otentikasi open source lengkap untuk aplikasi Next.js.
MongoDB: Program database berorientasi dokumen lintas platform yang tersedia sumber.
SendGrid: Penyedia SMTP berbasis cloud yang memungkinkan Anda mengirim email tanpa harus memelihara server email.
Stripe: Pemrosesan pembayaran online untuk bisnis internet.

Berkontribusi pada AI Build-A-Site

Kontribusi, masalah, dan permintaan fitur dipersilakan! Jangan ragu untuk memeriksa halaman masalah. Anda juga dapat melihat panduan yang berkontribusi.