Written with AI assistance from the source video. The video is the authority.
Log in to leave a comment
No posts yet
File HTML yang dihasilkan Claude mungkin terlihat bagus di awal. Namun, begitu halaman Anda melebihi 3, melakukan perubahan akan menjadi mimpi buruk. Membuka 10 file hanya untuk mengubah ukuran font adalah buang-buang waktu. Pisahkan kode Anda.
Dengan cara ini, Anda hanya perlu memperbaiki header satu kali dan perubahan akan langsung diterapkan ke seluruh halaman. Anda tidak perlu membuang waktu mengedit file satu per satu.
Jangan memasukkan kode warna langsung ke setiap komponen. Anda akan kesulitan mencari di antara ribuan baris kode setiap kali ingin mengganti warna tombol. Gunakan variabel CSS sebagai gantinya.
Nantinya, jika warna merek Anda berubah, cukup edit satu file dalam 3 detik. Warna tombol di semua halaman akan berubah sekaligus. Ini jauh lebih efisien daripada memperbaiki desain secara manual setiap saat.
Fokus Anda akan terpecah jika harus terus-menerus memodifikasi kode, kembali ke browser, dan memuat ulang (refresh). Instal ekstensi Live Server di VS Code.
Lihat perubahan secara real-time tanpa perlu refresh. Waktu yang Anda habiskan untuk perbaikan desain akan berkurang setengahnya.
Claude menulis kode dengan cara yang berbeda setiap kali diminta. Tetapkan aturan sejak awal saat berinteraksi. Buat file CLAUDE.md di akar folder proyek Anda.
<button-primary>).Hal ini akan secara signifikan mengurangi kemungkinan AI mengacak-acak kode Anda.
Jangan pusing dengan pengaturan server atau konfigurasi lingkungan yang rumit. Dengan menggunakan Vercel, situs web Anda akan langsung berjalan hanya dengan mengunggah kode.
Anda tidak perlu mengelola server sendiri. Alamat domain akan dibuat secara otomatis, dan jika terjadi masalah, Anda bisa kembali ke versi sebelumnya kapan saja. Unggah kode Anda sekarang juga.