Nextwind: Template Next.js dan Tailwindcss
/ ~3 menit membaca / cerita dibalik pembuatan Nextwind dan kawari.space
Daftar Konten
Tailwindcss sendiri dari cara implementasinya bagi saya yang berangkat dari Bootstrap jujur sih nggak suka dan terlalu ribet; melibatkan banyak sekali class hanya untuk membuat sebuah komponen bekerja dengan semestinya.
"kayaknya saya nggak bakal pakai deh nih Tailwind, soalnya bakal makan banyak waktu dan ribet, pokoknya ogah", first impression dari saya. Ya, begitu lah, hati manusia mudah terbolak-balik, bilangnya nggak suka sekarang malah bikin sesuatu darinya, huft.
Dimulai
Ceritanya dimulai, Youtube kirim notifikasi, ada kanal update video terbaru dengan topik membuat website menggunakan Tailwindcss, disitu saya baca beberapa komentar orang-orang dan dari situ perspektif mengenai Tailwindcss saya seketika berubah, saya jadi memiliki sebuah alasan mengapa saya harus menggunakan Tailwind, mengapa saya harus memulai. Permulaan saya coba buat sebuah website statis, saya ingin tahu sejauh mana Tailwind ini bekerja. Hasilnya? Tailwind luar biasa.
Putuskan
Saya putuskan membuat sebuah website pribadi yang isinya berupa tulisan, dan dokumentasi tentang apa yang saya pelajari secara sederhana. Teknologi di belakangnya menggunakan Next.js dan Tailwindcss, sekalian langsung implementasi daripada saya habiskan waktu saya untuk belajar lagi (tentu belajar dulu juga penting). Berbekal sedikit pengalaman dari video dan percobaan-percobaan sebelumnya, bantuan Tailblocks untuk contoh layouting, dan dokumentasi dari Tailwind sendiri, jadilah apa yang seperti kita lihat sekarang, tentu masih banyak kekurangan di sana-sini, tapi ini adalah sebuah pencapaian tersendiri bagi saya pribadi.
Selanjutnya
Selanjutnya, kenapa saya bikin template yang mengusung sistem yang sama? yang pertama, karena ini akan berguna untuk projek-projek saya selanjutnya, untuk mempercepat proses setup prototypenya; terakhir, karena saya merasa ini mungkin juga bisa membantu para pengembang lain untuk membangun websitenya, karena dengan adanya template ini pengembang hanya perlu fokus mengembangkan programnya tanpa harus risau dengan setup 'bumbu-bumbu pelengkapnya'.
Kalau penasaran silahkan kunjungi demo websitenya di nextwind.vercel.app, atau sumber kodenya langsung disini, anda juga bisa temukan pada akun Github saya di github.com/kalwabed, terimakasih.