Vibe Code Portofolio Fotografer Anda

01Apa bedanya dengan pemilih template biasa

Galeri template menunjukkan desain jadi dan meminta Anda menyukainya atau tidak. Alat ini masuk satu lapis lebih dalam: tiap enam arah di bawah didasarkan pada portofolio fotografer sungguhan yang benar-benar diperiksa (screenshot, tata letak langsung, warna terhitung, font terhitung), bukan palet yang dikarang supaya bagus di swatch. Arah Editorial, misalnya, memakai EB Garamond karena itulah persis typeface yang dipakai situs seorang fotografer fashion sungguhan, dicocokkan dengan memeriksa halamannya langsung.

Dua pola muncul hampir di mana-mana pada situs-situs sungguhan yang jadi dasar alat ini, dan keduanya tertanam di setiap arah di sini: navigasi tersembunyi di balik satu ikon hamburger tanpa daftar tautan yang terlihat, bahkan di desktop, dan satu gambar besar sekali tampil, bukan grid. Warna antarmuka nyaris nol di seluruh bagian: fotografinya yang memberi warna, bukan antarmukanya.

02Yang Anda dapatkan di akhir

Satu prompt terstruktur yang mencakup arah keseluruhan, warna hex yang tepat, nama font dan pasangannya, daftar halaman, perilaku navigasi, tata letak galeri dan framing gambar, fitur yang disertakan, rekomendasi hosting dengan perbandingan biaya yang nyata, dan serangkaian persyaratan kualitas build yang baku (teks alt yang aksesibel, breakpoint responsif, tanpa rahasia yang ditulis langsung di kode, gambar lazy-load). Tempel ke aplikasi coding AI pilihan Anda dan semua yang dibutuhkan untuk mulai sudah ada.

03Dari prompt sampai situs langsung: panduan lengkap

Prompt adalah brief desain, bukan garis akhir. Inilah setiap langkah antara menyalinnya dan memiliki URL sungguhan yang bisa Anda cantumkan di kartu nama, gratis atau hampir gratis.

Salin prompt dan buka aplikasi coding AI

Claude, Cursor, Claude Code, Windsurf, atau agen AI Replit semuanya bisa, apa pun yang dapat menulis dan menyimpan file untuk Anda, bukan sekadar chat. Jika Anda belum pernah memakainya, opsi berbasis browser seperti claude.ai atau Replit tidak perlu instalasi: tempel prompt sebagai pesan pertama Anda.

Biarkan ia membangun, lalu periksa hasilnya dengan benar

Minta ia membangun situs sebagai HTML/CSS/JS statis (atau apa pun yang ditetapkan bagian hosting pada prompt) dan tunjukkan pratinjaunya. Periksa enam hal yang diminta prompt (warna, font, perilaku galeri, navigasi, framing, halaman) sebelum Anda lanjut. Jauh lebih murah memperbaiki warna aksen yang salah sekarang daripada setelah foto dipasang.

Ganti dengan foto, bio, dan detail kontak asli Anda

Ganti setiap gambar placeholder dan baris teks pengisi. Minta aplikasi AI Anda menulis atribut alt yang nyata dan spesifik untuk setiap foto saat prosesnya, bukan “image1.jpg”, melainkan deskripsi sungguhan, karena itu syarat aksesibilitas sekaligus dorongan kecil untuk SEO. Ini juga saat yang tepat untuk memastikan formulir kontak benar-benar mengarah ke alamat email yang Anda periksa.

Deploy ke host gratis

Jika Anda memilih tingkat “Statis & gratis”, minta aplikasi AI Anda memandu Anda menghubungkan folder proyek atau repo GitHub ke salah satu host di halaman Hosting pada menu di atas. Keempatnya membangun dan men-deploy otomatis setiap kali Anda push perubahan; tidak ada langkah unggah manual setelah terhubung.

Hubungkan domain kustom (opsional, tapi layak)

Subdomain gratis (seperti yourname.netlify.app) cukup untuk memulai. Saat Anda siap dengan yourname.com, itu berarti pembelian domain ditambah satu perubahan DNS, dibahas rinci di bawah.

04Host gratis mana yang sebaiknya dipakai?

Semuanya bisa membuat situs statis tayang tanpa biaya, dengan HTTPS gratis dan tingkat gratis yang dengan mudah menampung trafik portofolio pribadi. Batas tingkat gratis cukup sering berubah, jadi anggap angka di halaman Hosting sebagai gambaran umum, bukan angka persis saat ini, dan periksa halaman harga masing-masing penyedia sebelum Anda memutuskan.

Minta aplikasi coding AI Anda mengerjakan langkah deploy bersama Anda: “hubungkan proyek ini ke Netlify” adalah permintaan yang sangat wajar, dan biasanya ia bisa memandu Anda membuat akun dan deploy pertama dalam beberapa menit.

05Menghubungkan domain kustom

Domain berbiaya tahunan kecil (biasanya $10 sampai 20/tahun tergantung ekstensinya), terpisah dari hosting yang tetap gratis. Tiga bagiannya:

1. Beli domainnya. Namecheap, Cloudflare Registrar, atau pengganti Google Domains (Squarespace Domains).
2. Tambahkan record DNS. Sebuah CNAME (atau record A) yang mengarahkan domain Anda ke host Anda, ditambahkan di dasbor registrar. Hanya dua baris di tabel registrar: sebuah CNAME untuk www yang mengarah ke alamat yang diberikan host Anda, seperti your-portfolio.netlify.app, dan record A untuk domain utama yang mengarah ke IP host.
3. Tambahkan di host Anda. Tempel domain yang sama ke pengaturan “custom domain” host Anda; HTTPS menyiapkan dirinya sendiri.

Setiap host di halaman Hosting punya tab “Custom domain” atau “Domains” yang memberi Anda record persis yang harus ditambahkan: salin, tambahkan di registrar Anda, lalu tunggu. Perubahan DNS biasanya berlaku dalam hitungan menit sampai beberapa jam, sesekali hingga 24 sampai 48 jam. Aplikasi coding AI Anda bisa memandu Anda lewat dasbor registrar spesifik Anda jika macet; screenshot halaman pengaturan dan tanyakan apa yang harus diklik. Gembok terlihat, tanpa peringatan “tidak aman”: itulah garis akhirnya.

06Daftar periksa sebelum peluncuran

Lima menit dengan daftar ini menangkap sebagian besar penyebab portofolio terlihat belum selesai. Pemeriksaannya ada di halaman Sebelum peluncuran pada menu di atas; centang satu per satu.

07Pertanyaan yang sering diajukan