NextJSVercelTailwindCSSVercel

Liu Purnomo Personal Blog

By Liu Purnomo
Picture of the author
Published on
Stack
Next JS
Hosting
Vercel
UI Framework
Tailwind CSS
Category
Blog
Home Page
Home Page
Profile Setting
Profile Setting
Trending Page
Trending Page
+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.

Hasil pengujian kecepatan website menggunakan Google Page Speed
Hasil pengujian kecepatan website menggunakan Google Page Speed

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

Related Post
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 Saat  Perangkat Mobile
Tampilan Menu Saat 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.

Any Question?

Feel free to ask in the comment section below.