a bd.me

Situs Pribadi Saya

Situs web portofolio pribadi saya dirancang agar sederhana dan bersih sambil menyertakan fitur seperti postingan blog MDX dengan jumlah penayangan, pengalih mode gelap, daftar roda gigi, halaman tentang, dan banyak lagi.

Tumpukan Teknologi

bagian belakang:

• Berikutnya.js / TypeScript
• MDX / Lapisan Konten (Postingan Blog)
• Skala Planet (Database)
• Prisma (ORM)

bagian depan:

• CSS Tailwind (Penataan Gaya)
• Radix Primitives (Komponen UI Tanpa Kepala)
• Warna Radix UI (Sistem warna)
• Gerakan Pembingkai (Animasi)

Memulai

Pastikan Anda telah menginstal Node.js v18.17.0+ di mesin Anda.

1. Instal Dependensi : npm install
2. Variabel lingkungan : Salin .env.example ke .env.local baru
3. Pengaturan Basis Data : Lihat Pengaturan Basis Data
4. Prisma Setup : npm install @prisma/client (jika belum), lalu jalankan npx prisma generate .
5. Mulai Pengembangan : npm run dev , ini secara otomatis akan membuat file .contentlayer dan memulai server pengembangan Next.js.

Pengaturan Basis Data

• Mendaftarlah untuk akun PlanetScale
• Buat database baru di PlanetScale
• Perbarui variabel lingkungan DATABASE_URL di file .env.local proyek Anda dengan string koneksi yang disediakan oleh PlanetScale

Penyebaran

Proyek ini dapat dengan cepat diterapkan ke Vercel. Cukup sambungkan akun Vercel Anda ke repositori GitHub Anda, dan Vercel akan secara otomatis membangun dan menyebarkan aplikasi Anda dengan setiap dorongan baru ke cabang utama.

Tambahkan variabel proyek .env ke pengaturan proyek Vercel Anda.