Learning Timeline
Key Insights
Keselamatan API Key
Sangat disyorkan untuk menggunakan backend seperti Supabase bagi menyembunyikan API keys anda. Jangan biarkan API keys terdedah dalam kod frontend untuk mengelakkan penyalahgunaan kredit AI anda.
Lakukan Review Security Sebelum Publish
Sentiasa jalankan fungsi 'Review Security' sebelum menekan butang Publish. AI akan membantu mengenal pasti kebocoran data atau kelemahan kod yang mungkin anda terlepas pandang.
Fleksibiliti Admin Panel
Anda boleh menyembunyikan panel 'Settings' daripada pengguna biasa untuk menjadikannya Admin Panel khusus bagi menukar model AI atau arahan sistem tanpa perlu mengubah kod asal.
Prompts
UI Enhancement Prompt
Target:
Claude / ChatGPT
Create a light mode version of this application and add a 'New Chat' button. The 'New Chat' button should clear the current session and start a fresh interaction.
Step by Step
Mengemaskini Antaramuka dan Fungsi Aplikasi Web
- Taip arahan pada ruangan AI prompt untuk membina versi 'Light Mode' bagi aplikasi anda.
- Minta AI untuk menambah butang 'New Chat' pada antaramuka pengguna.
- Klik butang 'New Chat' yang baru dihasilkan untuk menguji sama ada sesi perbualan baru bermula dengan kosong.
- Klik pada ikon 'Settings' untuk membuka panel konfigurasi.
- Tukar jenis AI model melalui menu dropdown yang disediakan jika perlu.
- Kemaskini 'System Prompt' dalam ruangan teks untuk mengubah tingkah laku respons AI.
- Gunakan panel 'Settings' ini sebagai 'Admin Panel' dengan menambah fungsi login atau kata laluan bagi mengehadkan akses.
Langkah Keselamatan dan Penerbitan ke Domain Sendiri
- Sambungkan aplikasi ke backend 'Supabase' untuk menguruskan API keys secara selamat di bahagian server-side.
- Klik pada pilihan 'Review Security' dalam dashboard pembangunan.
- Tunggu sehingga sistem selesai membuat semakan isu keselamatan dan memberikan cadangan penyelesaian.
- Klik butang 'Fix' atau ikut arahan sistem untuk membaiki ralat keselamatan secara automatik.
- Klik butang 'Publish' untuk menjana pautan (URL) aplikasi yang boleh dikongsi terus kepada pengguna.
- Klik pada tab 'Custom Domain' di bahagian settings penerbitan.
- Masukkan nama domain yang telah dibeli dan klik butang 'Connect' untuk memautkan aplikasi ke domain anda sendiri.
