abdulrahman.id
1.0.0
Saya telah memutuskan untuk open-source situs web portofolio terbaru saya! Ini memiliki manajemen konten yang dinamis untuk menambahkan proyek dan posting menggunakan CMS yang penuh konten, dan dibangun menggunakan Next.js dan Chakra UI.
Rujuk ke Dokumentasi Next.js dan Chakra UI untuk mempelajari lebih lanjut.
Jangan ragu untuk membayar repositori ini untuk membuat portofolio Anda sendiri, dan jika Anda menyukai repo, silakan mendukungnya dengan memberikannya bintang!
Buat .env.local dan ikuti nama variabel berdasarkan .env.example dan dapatkan tombol API berdasarkan langkah -langkah di bawah ini
1. Buat akun yang penuh konten
2. Tambahkan ruang komunitas (gratis!)
3. Pilih "Saya membuat konten"
4. Buka model konten dan mulailah menambahkan jenis konten
? Di situs web portofolio ini, ia memiliki 5 jenis konten yaitu:
1. BlogPosts
Setelah pembaruan ⚡2.0.0, saya menggunakan masalah GitHub sebagai konten blog!
Rincian lebih lanjut tentang ini di: https://abdulrahman.id/blog/unleash-your-dev-brite-write-with-github-issues-as-y-cms
- Fitur Projects
- Proyek
- Perkenalan
- Hubungi saya
Anda harus menambahkan nama yang tepat ini karena ID yang digunakan dalam kode.
Tambahkan jenis konten sesuai dengan bidang ini: 
Pergi ke Pengaturan -> Kunci API -> Token Pengiriman / Pratinjau Konten -> "Nama Ruang Anda" Salin ID Ruang dan Token Akses API Pengiriman Konten
Masukkan ke dalam variabel lingkungan menurut .env.example dan Anda siap!
1. Buat Proyek Firebase
2. Setelah menyiapkan segalanya, Anda akan mendapatkan tombol API, simpan itu.
3. Pergi ke database Firestore
4. Tambahkan koleksi bernama views
5. Lalu, letakkan kunci API itu sebelumnya menurut .env.example dan hanya itu!
1. Buat akun Google Analytics, di bagian Pengaturan Properti , jangan lupa untuk menghidupkan Universal Analytics
2. Setelah itu, Anda akan melihat kode yang dimulai dengan UA-
3. Salin kode -kode itu dan masukkan ke dalam variabel lingkungan sesuai dengan env.example dan selesai!
Pasang dependensi dengan npm i atau yarn
Mulailah Proyek dengan npm run dev atau yarn dev
Anda dapat menggunakan dengan mudah dengan menggunakan Vercel?
pages/index.js = beranda
pages/projects/index.js = halaman arsip proyek
pages/blog/index.js = halaman daftar blog
pages/blog/[slug].js = halaman posting blog
pages/api/views = API Untuk Mengambil Tampilan Posting Blog dari Firebase
