Lewati ke konten utama

Pengantar ChatGPT Next Web (NextChat)

Pelajari semua hal tentang aplikasi open-source serbaguna yang menggunakan API OpenAI dan Google AI untuk memberi Anda pengalaman pengguna yang lebih baik. Tersedia di desktop dan browser serta dapat dideploy secara privat.
Diperbarui 28 Sep 2026  · 7 mnt Baca

Jelajahi bersama AI

ChatGPTClaudePerplexity

Kita semua menginginkan aplikasi chat yang memberi lebih banyak kontrol, opsi tambahan, dan kemampuan untuk berbagi percakapan secara privat. Jika Anda mencari antarmuka chat yang lebih baik daripada ChatGPT, maka NextChat, sebelumnya dikenal sebagai ChatGPT Next Web, adalah pilihan yang tepat.

Di sini, kita akan mengeksplorasi ChatGPT Next Web, mempelajari cara menggunakan aplikasi web dan desktopnya, serta mengetahui cara melakukan deployment di server Vercel hanya dengan satu klik.

Tutorial ini dirancang untuk semua tingkat kemampuan dan mudah diikuti. Jadi, mari kita mulai dan jelajahi dunia menarik ChatGPT Next Web bersama!

Mengapa ChatGPT Next Web?

ChatGPT Next Web, yang kini dikenal sebagai NextChat, adalah aplikasi open-source serbaguna yang menggunakan API OpenAI dan Google AI untuk mengakses GPT-4, GPT-3.5, dan Gemini-Pro. Aplikasi ini menyediakan multimodalitas secara langsung.

Alat ini seperti ChatGPT tetapi dengan lebih banyak kustomisasi, antarmuka yang ramah pengguna, dan fleksibilitas untuk berbagai aplikasi seperti chatbot, peringkasan, pembuatan konten, riset, pembuatan kode, dan pembelajaran konteks.

ChatGPT Next Web di GitHub

ChatGPT Next Web di GitHub

Pengguna dapat memberikan konteks pada chat dan mengubah berbagai hiperparameter model untuk menyesuaikan respons model.

Tersedia di desktop, aplikasi web, dan Anda bahkan dapat melakukan deployment instance web application Anda sendiri secara gratis menggunakan platform Vercel.

Anda dapat mempelajari cara menggunakan ChatGPT secara efektif melalui kursus DataCamp Introduction to ChatGPT. Temukan praktik terbaik untuk menulis prompt dan jelajahi kasus penggunaan bisnis umum untuk alat AI yang kuat ini.

Fitur ChatGPT Next Web

ChatGPT Next Web menawarkan beragam fitur kuat untuk pengguna.

  1. Deploy gratis di Vercel: Fitur ini memungkinkan pengguna dengan mudah melakukan deployment aplikasi ChatGPT Next Web di Vercel, platform cloud untuk hosting aplikasi web, hanya dengan satu klik dan kurang dari satu menit.
  2. Klien ringkas (~5MB): Klien ChatGPT Next Web dirancang ringan dan ringkas, dengan ukuran berkas sekitar 5 MB.
  3. Tersedia di Linux/Windows/MacOS: Unduh dan pasang di berbagai sistem operasi.
  4. LLM self-deployed: Sepenuhnya kompatibel dengan LLM yang dideploy sendiri, direkomendasikan untuk digunakan dengan RWKV-Runner atau LocalAI.
  5. Privasi: Aplikasi memprioritaskan privasi pengguna dengan menyimpan semua data secara lokal di browser, memastikan informasi sensitif tidak dikirim ke server eksternal atau layanan pihak ketiga mana pun.
  6. Dukungan Markdown: ChatGPT Next Web mendukung format Markdown, memungkinkan pengguna menampilkan pesan yang informatif dan menarik secara visual.
  7. Desain responsif: Aplikasi memiliki desain responsif yang menyesuaikan dengan berbagai ukuran layar dan perangkat. Juga menyertakan opsi mode gelap bagi pengguna yang menginginkan skema warna berbeda.
  8. Dukungan respons streaming: Dirancang untuk kinerja cepat, dengan pemuatan layar pertama minimal, dan mendukung respons streaming.
  9. Mask: Versi terbaru ChatGPT Next Web memperkenalkan fitur baru yang memungkinkan pengguna membuat, berbagi, dan melakukan debug alat chat mereka menggunakan templat prompt, yang dikenal sebagai "Mask".
  10. Awesome prompts: Aplikasi ini memiliki pustaka luas berisi "awesome prompts." Prompt ini menawarkan beragam kasus penggunaan dan dapat meningkatkan kapabilitas chatbot.
  11. Dukungan percakapan panjang: ChatGPT Next Web secara otomatis mengompresi riwayat chat, memungkinkan pengguna berdialog panjang tanpa menghabiskan terlalu banyak token.
  12. Antarmuka multibahasa: Memungkinkan pengguna dari berbagai wilayah berinteraksi dengan aplikasi dalam bahasa pilihan mereka.

Mulai Menggunakan ChatGPT Next Web

Di bagian ini, kita akan mempelajari cara menggunakan aplikasi resmi ChatGPT Next Web, membuat kunci API Gemini, menyiapkan aplikasi, dan menghasilkan sedikit kode.

Aplikasi web

ChatGPT Next Web kini menjadi NextChat karena telah berkembang melebihi sekadar aplikasi web.

Kita dapat mengakses aplikasi web dengan menyiapkan API. Saat kita mencoba menulis prompt dan menekan enter, aplikasi akan meminta kita menyiapkan kunci API untuk mengakses model dari OpenAI atau Google.

Aplikasi web NextChat

Jika Anda tidak melihat halaman autentikasi, buka halaman otorisasi dan berikan kunci API Google AI.

Untuk mendapatkan kunci API, kita perlu membuat akun Google dan pergi ke Google AI Studio. Lalu, klik tombol “Get API Key” di panel kiri. Salin kunci API dan tempelkan ke kotak input ketiga.

Jika Anda ingin mengakses model Gemini melalui Python, ikuti tutorial Introducing Google Gemini API. Ini panduan sederhana untuk mengakses model-model mutakhir.

menyiapkan kunci API untuk mengakses model

Setelah itu, klik tombol robot (🤖) di atas bilah teks input untuk membuka daftar model yang tersedia. Pilih “gemini-pro” dan mulailah memberi prompt.

memilih model Gemini Pro di NextChat

Kami meminta Gemini untuk menghasilkan kode Python untuk game ular. Seperti yang terlihat pada gambar di bawah, hasilnya sangat baik.

menulis prompt untuk menghasilkan kode Python untuk game ular

Aplikasi desktop

Kita juga dapat mengunduh aplikasinya di Windows, Linux, dan MacOS. Pada contoh ini, kita akan mengunduh NextChat untuk sistem operasi Windows berkas '.exe'.

Memasang NextChat dari GitHub

Ikuti langkah sederhana yang disediakan untuk memasang aplikasi di sistem operasi Windows. Setelah pemasangan selesai, aplikasi akan berjalan otomatis.

Alih-alih halaman autentikasi, aplikasi meminta Anda masuk ke halaman pengaturan dan menambahkan kunci API yang valid.

Aplikasi Desktop NextChat

Buka halaman Settings, gulir ke bawah, dan ubah opsi “Model Provider” menjadi Google. Tempel kunci API Google Anda.

Menyiapkan Aplikasi Desktop NextChat

Kita bahkan dapat mengubah pengaturan model untuk mendapatkan respons yang lebih baik, tetapi untuk saat ini, kita biarkan default seperti pada gambar di bawah.

Pengaturan model Aplikasi Desktop NextChat

Pilih model “gemini-pro” dan mulai ajukan pertanyaan. Seperti yang terlihat, aplikasinya cepat dan cukup intuitif.

Demo gif Aplikasi Desktop NextChat

Kita juga dapat mengunggah gambar dan meminta Gemini menjawab pertanyaan tentang gambar tersebut atau menggunakannya sebagai konteks. Untuk itu, ubah model ke “gemini-pro-vision”.

Memilih model Gemini Pro Vision

Unggah gambar dan ketik pertanyaannya.

Menggunakan Gemini Pro Vision

Sempurna. Model memahami teks pada gambar dan memberikan penjelasan rinci tentang kode Golang.

Keluaran Gemini Pro Vision

Deploy aplikasi web

Jika Anda membuka repositori GitHub ChatGPT-Next-Web, Anda akan melihat bahwa Anda bahkan dapat melakukan deployment aplikasi web privat di Vercel, Zeabur, dan Gitpod.

Pada contoh ini, kita akan melakukan deployment aplikasi web ke platform Vercel dengan mengeklik tombol "Deploy", seperti terlihat di bawah.

Deploy NextChat di Vercel dengan satu klik

Ini akan mengarahkan Anda ke tab baru, di mana Anda harus masuk ke akun GitHub Anda. Mengapa? Karena ini adalah instance privat, sehingga setiap perubahan pada aplikasi atau variabel lingkungan akan tetap aman di pihak Anda.

Menyiapkan repositori Git untuk aplikasi Vercel NextChat

Kemudian, pilih akun GitHub dan tulis nama repositori. Pastikan Anda membuat repositori Git privat.

membuat repo GitHub

Tambahkan kunci API.

Untuk saat ini, kita hanya akan memberikan kunci API Google Gemini dan mengisi input lainnya dengan teks acak. Tidak masalah. Anda selalu dapat mengubah kunci API dengan masuk ke pengaturan.

menambahkan kunci API untuk mengakses model

Setelah 5 menit, aplikasi akan ter-deploy di https://chat-gpt-next-web-two-green-22.vercel.app/. Buka Settings, berikan kunci API Google Anda, dan mulai gunakan.

Menyiapkan kunci API di pengaturan.

Kami meminta NextChat menulis kode API dalam GoLang untuk inferensi machine learning, dan hasilnya sangat baik.

Demo webapp NextChat yang telah dideploy

Mengeksplorasi Fungsi Utama ChatGPT NextChat

Di bagian ini, kita akan mencoba beberapa fitur kunci yang akan meningkatkan pengalaman prompt Anda secara keseluruhan.

Model kustom

Kita dapat memuat model kustom dari Microsoft Azure, Google, dan OpenAI. Model-model ini di-fine-tune pada dataset kustom yang Anda sediakan.

Pelajari cara melakukan fine-tuning model Anda sendiri menggunakan OpenAI Python API dengan mengikuti panduan langkah demi langkah Fine-Tuning OpenAI's GPT-4.

Untuk menambahkan model kustom, buka halaman Settings, gulir ke bagian “Model Provider”, dan coba tulis semua nama model kustom yang dipisahkan dengan koma.

menambahkan model kustom ke NextChat

Setelah itu, mulai chat baru dan pilih model kustom dengan mengeklik tombol robot (🤖).

memilih model kustom

Dengan cara ini, kita dapat dengan mudah mencoba model yang telah di-fine-tune dan mengujinya untuk berbagai prompt.

Awesome Prompts

NextChat menyediakan akses ke repo Awesome Prompts. Singkatnya, kita dapat mengakses templat prompt berkualitas tinggi langsung di kotak teks dengan mengetik “/” lalu mencari kata kunci prompt.

Pada contoh ini, kita mencari prompt untuk Python.

Mengakses Awesome Prompts dengan "/"

Setelah menemukan prompt yang sesuai, modifikasi agar pas dengan kebutuhan Anda dan tekan enter. Seperti terlihat, chatbot kita bertindak sebagai interpreter Python.

menggunakan Awesome prompt

Kita juga dapat menambahkan templat prompt favorit ke daftar prompt dengan mengeklik tombol Edit di bagian “Prompt List” pada Settings.

menambahkan Prompt baru ke daftar templat prompt.

ChatGPT Next Web Mask

Seperti GPTs milik ChatGPT, NextChat menawarkan fungsionalitas serupa yang disebut “Mask.” Mask bukan sekadar templat prompt; ia dilengkapi pengaturan model, pengaturan konteks, dan berbagai opsi untuk meningkatkan keluaran model.

Kita dapat membuat Mask sendiri atau mengakses ratusan mask yang dibagikan komunitas dengan mengeklik tombol “Mask” pada panel kiri.

NextChat Mask

Sebagian besar mask tersedia dalam bahasa Mandarin. Untuk mengakses Mask berbahasa Inggris saja, klik “Find More” lalu ubah bahasanya menjadi “English.”

Melihat bagian Mask NextChat bahasa Inggris.

Jika kita mengeklik tombol “View”, kita dapat melihat dan mengunduh semua pengaturan, system prompt, dan konteks untuk Mask tersebut.

Pengaturan NextChat Mask

Mari kita muat Mask GitHub Copilot dan coba memintanya menghasilkan kode untuk image classifier. Untuk ini, kita harus menyediakan kunci API OpenAI dengan menuju ke halaman Settings.

Mengecek mask GitHub Copilot

Pelajari cara mengakses large language model menggunakan OpenAI Python API dengan mengikuti artikel DataCamp, A Beginner's Guide to Using the ChatGPT API.

Penutup

ChatGPT Next Web (NextChat) memberikan solusi hemat biaya bagi pengguna yang ingin berhemat. Alih-alih membayar biaya langganan bulanan untuk ChatGPT Pro, Anda dapat membayar API dengan skema pay-as-you-go. Artinya, Anda akan ditagih berdasarkan penggunaan, yang rata-rata sekitar $2 per bulan jika Anda menggunakannya sesekali.

Selain itu, ChatGPT Next Web menawarkan kustomisasi dan fleksibilitas yang lebih besar, memungkinkan Anda mengakses model yang telah di-fine-tune pada aplikasi desktop.

Saya harap tutorial ini memberikan pemahaman menyeluruh tentang ChatGPT NextChat dan kapabilitasnya. Dengan mengikuti instruksi langkah demi langkah serta mengeksplorasi berbagai fitur dan opsi kustomisasi, kini Anda dapat membuat chatbot yang benar-benar sesuai kebutuhan Anda.

Baru mengenal AI? Pelajari cara kerja LLM melalui jalur keterampilan AI Fundamentals dan bangun fondasi kuat untuk sukses di lanskap bertenaga AI.


Abid Ali Awan's photo
Author
Abid Ali Awan
LinkedIn
Twitter

Sebagai data scientist tersertifikasi, saya bersemangat memanfaatkan teknologi mutakhir untuk menciptakan aplikasi machine learning yang inovatif. Dengan latar belakang kuat di pengenalan ucapan, analisis dan pelaporan data, MLOps, conversational AI, dan NLP, saya mengasah keterampilan dalam mengembangkan sistem cerdas yang berdampak nyata. Selain keahlian teknis, saya juga komunikator andal yang mampu menyederhanakan konsep kompleks menjadi bahasa yang jelas dan ringkas. Karena itu, saya menjadi blogger yang dicari di bidang data science, membagikan wawasan dan pengalaman kepada komunitas profesional data yang terus berkembang. Saat ini, saya berfokus pada pembuatan dan penyuntingan konten, bekerja dengan large language model untuk mengembangkan konten yang kuat dan menarik agar membantu bisnis dan individu memaksimalkan data mereka.

Topik
Kecerdasan Buatan

Mulai Perjalanan AI Anda Hari Ini!

Kursus

Konsep Generative AI

2 jam
120.5K
Pelajari cara mulai memanfaatkan AI generatif secara bertanggung jawab. Pelajari cara model AI generatif dikembangkan dan dampaknya bagi masyarakat ke depan.
Lihat DetailRight Arrow
Mulai Kursus
Lihat SelengkapnyaRight Arrow
Terkait

blogs

12 Alternatif ChatGPT Terbaik yang Bisa Anda Coba pada 2026

Artikel ini menyajikan daftar alternatif ChatGPT yang akan meningkatkan produktivitas Anda.
Javier Canales Luna's photo

Javier Canales Luna

14 mnt

blogs

40 Pertanyaan Wawancara DBMS Teratas di 2026

Kuasai pertanyaan wawancara basis data, dari konsep SQL dasar hingga skenario desain sistem tingkat lanjut. Panduan mendalam ini mencakup semua yang Anda perlukan untuk sukses di wawancara DBMS dan meraih peran berikutnya.
Dario Radečić's photo

Dario Radečić

15 mnt

blogs

Tutorial Korelasi di R

Dapatkan pengenalan dasar-dasar korelasi di R: pelajari lebih lanjut tentang koefisien korelasi, matriks korelasi, plotting korelasi, dan sebagainya.
David Woods's photo

David Woods

13 mnt

blogs

Spaghetti Plot dan Jalur Badai

Temukan alasan mengapa Anda sebaiknya (tidak) menggunakan spaghetti plot untuk menyampaikan ketidakpastian jalur prediksi badai serta dampaknya terhadap interpretasi.
Hugo Bowne-Anderson's photo

Hugo Bowne-Anderson

13 mnt

Lihat SelengkapnyaLihat Selengkapnya