Liu Purnomo Personal Blog
- Published on
- Stack
- Next JS
- Hosting
- Vercel
- UI Framework
- Tailwind CSS
- Category
- Blog
+3
Perjalanan sebagai blogger sudah saya mulai sejak tahun 2011. Awal sekali ngeblog karena saat itu saya jaga warnet, daripada bengong, mending nulis. Dan blog pertama saya menggunakan blogspot.
Lalu saya mulai belajar membuat blog menggunakan wordpress, tahun 2013, saya sudah punya blog wordpress sendiri dengan nama domain bg-io.com (sekarang sudah tidak aktif).
Blog Wordpress saya bisa dilihat di blog.liupurnomo.com.
Tahun 2023, saya memutuskan untuk membuat blog baru, dengan menggunakan NextJS dan Markdown.
Kenapa NextJS?
NextJS adalah framework React yang sangat populer. Fitur server side rendering dan static site generation membuat NextJS sangat cocok untuk membuat blog.
Menggunakan Nextjs saya bisa membuat blog dengan performa yang sangat cepat. Dari sisi SEO juga sangat SEO Friendly.
Gambar di atas menunjukkan hasil lighthouse audit untuk blog ini dibandingkan dengan blog WordPress saya. Nilai yang saya dapatkan sangat bagus. Nilai untuk SEO dan Accessibility sangat tinggi.
Fitur Blog
Blog ini memiliki beberapa fitur yang menarik, diantaranya:
Related Post
Fitur related post akan menampilkan artikel lain yang memiliki tag yang sama denagn artikel yang sedang dibaca. Fitur ini akan menampilkan 4 artikel terkait.
Dengan adanya fitur ini, saya berharap pengunjung blog saya bisa membaca artikel lain yang mungkin menarik bagi mereka, tanpa harus repot menavigasi ke halaman lain.
Switch Theme
Jika anda membaca artikel ini di desktop, anda bisa mencoba fitur switch theme. Fitur ini akan mengubah tampilan blog menjadi beberapa tema yang berbeda.
Komentar
Pengguna bisa meninggalkan komentar di setiap artikel. Komentar akan ditampilkan di bagian bawah artikel.
Kami menggunakan utterances untuk mengelola komentar. Utterances adalah open source comment system yang menggunakan github issue untuk menyimpan komentar.
Anda bisa menggunakan akun github anda untuk meninggalkan komentar.
Mobile Friendly
Blog ini sudah mendukung mobile friendly. Anda bisa membaca artikel di blog ini dengan nyaman di perangkat mobile.
Tampilan menu di blog ini akan berubah menjadi menu mobile ketika dibuka di perangkat mobile.
Teknologi yang Digunakan
Blog ini dibuat menggunakan beberapa teknologi, diantaranya:
NextJS
NextJS adalah framework React yang sangat populer. NextJS menyediakan fitur server side rendering dan static site generation yang sangat cocok untuk membuat blog.
Tailwind CSS
Tailwind CSS adalah UI framework yang sangat populer. Tailwind CSS menggunakan konsep utility first.
Vercel
Vercel menawarkan hosting gratis untuk aplikasi NextJS. Vercel juga menyediakan fitur preview untuk setiap pull request yang dibuat di github.