makr.AI adalah tiruan ChatGPT dengan fitur yang disempurnakan untuk pembuat & peretas indie yang dibangun dengan menggunakan Next.js, TypeScript, Supabase, Jotai, dan Tailwind CSS.
Periksa video Youtube ini untuk mempelajari lebih lanjut.
Saya akan membangun fitur baru seiring waktu. Jika Anda memiliki saran, silakan membuka diskusi atau menghubungi saya di Twitter. Saya mencantumkan fitur yang sedang saya kerjakan selanjutnya di bawah.
Apa yang diharapkan:
Vercel
Selenggarakan makr.AI versi live Anda sendiri dengan Vercel.
1. Membuat Proyek Supabase Aplikasi ini mengadakan percakapan dalam database Supabase. Anda dapat membuat akun gratis di sini.
makr.AI memerlukan URL Supabase dan Kunci Anon untuk terhubung ke database Anda. Anda dapat menemukannya di pengaturan proyek Supabase Anda.
Anda harus membuat 3 tabel di proyek supabase Anda:
Anda dapat membuat semua tabel yang Anda perlukan dengan sql function
yang saya buat di folder sql
repo. Anda dapat menggunakan file create-tables.sql
di folder sql
repo untuk membuat tabel. Ingatlah bahwa Anda harus mengaktifkan ekstensi pg_vector
sebelum membuat tabel.
Anda dapat menggunakan create-profile.sql
untuk secara otomatis membuat profil pengguna saat mendaftar.
Setelah Anda membuat kolom penyematan, Anda harus membuat index
berdasarkan kolom ini. Anda dapat menggunakan file create-index.sql
di folder sql
repo untuk membuat indeks.
Terakhir, Anda harus membuat fungsi sql yang disebut search-messages
di proyek Supabase Anda. Anda dapat menggunakan file search-messages.sql
di folder sql
repo untuk membuat fungsi.
Tutorial Pengaturan Proyek. Memori Jangka Panjang untuk tutorial ChatGPT.
2. Kloning Repo
git clone https://github.com/batuhanbilginn/makr-ai.git
3. Instal Dependensi
yarn install
4. Buat Variabel Lingkungan Anda
Buat file .env.local Anda di root repo dengan URL Supabase, Kunci Anon Supabase, URL Pengalihan Auth, dan Kunci API OpenAI Anda:
NEXT_PUBLIC_SUPABASE_URL=YOUR_URL * required
NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_KEY * required
NEXT_PUBLIC_AUTH_REDIRECT_URL=YOUR_URL * required
OPENAI_API_KEY=YOUR_KEY * optional
4.1 Membuat File .env
.env.example
di folder utama..env
dengan menghapus ekstensi template
. Cara termudah adalah melakukan ini di jendela command prompt/terminal cp .env.example .env
..env
di editor teks. Catatan: File yang dimulai dengan titik mungkin disembunyikan oleh Sistem Operasi Anda..env
.4.2 Kunci API OpenAI
Saat Anda menetapkan OpenAI API Key
sebagai variabel lingkungan, aplikasi tidak akan meminta Anda memasukkannya lagi untuk menginisialisasi dirinya sendiri. HATI-HATI jika Anda menetapkan OpenAI API Key
sebagai variabel lingkungan dan menghostingnya, siapa pun yang mengakses versi yang dihosting dapat menggunakannya. Jika Anda tidak memiliki OpenAI API Key
, Anda bisa mendapatkannya di sini.
4.3 URL Pengalihan Otentikasi
Anda harus menyetel Auth Redirect URL
pada produksi sebagai variabel lingkungan. Jika Anda tidak menyetelnya, Anda akan mendapatkan kesalahan saat mencoba masuk. Selain itu, pastikan Anda telah menyetel Auth Redirect URL
yang benar di setelan proyek Supabase dan di variabel lingkungan yang Anda buat untuk Vercel. Jika Anda memiliki Auth Redirect URL
yang berbeda untuk pratinjau dan produksi, Anda dapat mengaturnya sebagai variabel lingkungan di Vercel dan Supabase.
5. Jalankan Server Pengembangan
yarn dev
Saat menyebarkan aplikasi, variabel lingkungan berikut dapat diatur:
Variabel Lingkungan | Diperlukan | Keterangan |
---|---|---|
NEXT_PUBLIC_SUPABASE_URL | Ya | Url dasar Proyek Supabase Anda |
NEXT_PUBLIC_SUPABASE_ANON_KEY | Ya | Kunci Anon untuk Proyek Supabase Anda |
NEXT_PUBLIC_AUTH_REDIRECT_URL | Ya (Produksi) | Url dasar Proyek Supabase Anda |
OPENAI_API_KEY | Opsional | Kunci Anon untuk Proyek Supabase Anda |
Jika Anda tidak memiliki kunci API OpenAI, Anda bisa mendapatkannya di sini.
Jika Anda memiliki pertanyaan, jangan ragu untuk menghubungi saya di Twitter.