Berikut prompt optimal untuk menghasilkan website pribadi responsif, lengkap, dan profesional, bisa digunakan di ChatGPT, GitHub Copilot, atau AI code generator lain:
đź§ Prompt Website Pribadi Lengkap dan Responsif
Buatkan website pribadi lengkap, responsif, dan modern menggunakan React + Tailwind CSS.
Strukturkan agar mudah dikembangkan dan memiliki tampilan profesional.
Website ini menampilkan profil pribadi, pengalaman kerja, portofolio, blog, dan kontak.
Desain bersih, mobile-first, dan cepat dimuat.
Spesifikasi Detail
-
Framework & Tools
-
Gunakan React (Vite atau Next.js)
-
Gunakan Tailwind CSS
-
Gunakan ikon dari lucide-react
-
Navigasi sticky dan smooth scroll
-
SEO-ready (meta tag, title dinamis)
-
Struktur Halaman
-
Home: foto profil, headline, CTA ke kontak/portofolio
-
About: bio singkat, skill bar atau badge (HTML, CSS, JS, React, dsb)
-
Experience: daftar pekerjaan, proyek penting, atau sertifikat
-
Portfolio: galeri proyek dengan modal detail tiap proyek
-
Blog: daftar posting sederhana (judul, tanggal, ringkasan)
-
Contact: form email + tautan sosial (LinkedIn, GitHub, Instagram)
-
Fitur Teknis
-
Responsif di mobile, tablet, desktop
-
Dark mode toggle
-
Animasi halus pakai Framer Motion
-
Validasi form sederhana di Contact
-
Komponen reusable (Card, Button, Section, Header, Footer)
-
Simpan data proyek dan blog di file JSON untuk mudah update
-
Tampilan
-
Tambahkan
✳️ Contoh Awal Prompt Singkat (jika ingin langsung ke kode)
“Buat website pribadi responsif menggunakan React dan Tailwind.
Sertakan halaman Home, About, Experience, Portfolio, Blog, dan Contact.
Tambahkan dark mode, animasi smooth scroll, dan form kontak fungsional.
Desain minimalis dan profesional.”