Panduan Menggunakan Template
Pelajari cara menggunakan, mengkustomisasi, dan deploy template website dari NexaSite
Pengenalan
Selamat datang di dokumentasi NexaSite! Panduan ini akan membantu Anda memahami cara menggunakan template website yang telah Anda beli. Setiap template dirancang dengan teknologi modern dan mudah dikustomisasi sesuai kebutuhan Anda.
Template kami dibuat dengan standar industri terbaik, menggunakan teknologi seperti Next.js, React, Tailwind CSS, dan HTML/CSS murni, tergantung pada jenis template yang Anda pilih.
Persyaratan Sistem
ℹ️ Persyaratan Minimal
- • Node.js versi 18.x atau lebih tinggi (untuk template React/Next.js)
- • Text editor (VS Code, Sublime Text, atau sejenisnya)
- • Browser modern (Chrome, Firefox, Safari, Edge)
- • Koneksi internet untuk instalasi dependencies
Cara Download Template
Lakukan Pembelian
Klik tombol "Beli di Shopee" atau "Beli di Lynkid" pada halaman detail produk yang Anda inginkan.
Terima File Template
Setelah pembayaran berhasil, Anda akan menerima link download atau file template akan dikirim melalui email/chat marketplace.
Download dan Extract
Download file .zip template dan extract ke folder di komputer Anda.
Instalasi Template
Untuk Template HTML/CSS
# Tidak perlu instalasi khusus # Cukup buka file index.html di browser Anda # atau gunakan Live Server di VS Code
Untuk Template React/Next.js
# 1. Masuk ke folder template cd nama-template # 2. Install dependencies npm install # 3. Jalankan development server npm run dev # 4. Buka browser di http://localhost:3000
Kustomisasi Template
Mengubah Warna
Untuk template dengan Tailwind CSS, Anda dapat mengubah warna di file tailwind.config.js atau langsung pada class CSS.
Mengganti Konten
Cari file komponen yang ingin diubah (biasanya di folder src/components atau pages) dan edit teks, gambar, atau konten sesuai kebutuhan.
Menambah/Menghapus Halaman
Untuk Next.js, tambahkan file baru di folder app atau pages. Untuk HTML, duplicate file HTML dan sesuaikan kontennya.
Deploy ke Production
Deploy Next.js/React ke Vercel
# 1. Install Vercel CLI npm install -g vercel # 2. Login ke Vercel vercel login # 3. Deploy vercel
Atau push ke GitHub dan connect dengan Vercel untuk auto deployment.
Deploy HTML ke Netlify
Drag and drop folder template Anda ke Netlify Drop atau connect repository GitHub Anda dengan Netlify.
Butuh Bantuan Lebih Lanjut?
Jika Anda mengalami kesulitan atau memiliki pertanyaan lebih lanjut, jangan ragu untuk menghubungi kami.