TailwindCSS & Next.js

Adhy Wiranto
1 min readJan 1, 2022

--

TailwindCSS
- Tailwind adalah framework CSS yang katanya highly-customizable. Yang membuat saya kagum adalah kita nggak usah bikin media-query di file css terpisah, karena bakal otomatis lewat class-class punya Tailwind.
- Cara menggunakannya juga bisa sesederhana kita pasang CDN di header html sebagaimana menggunakan Bootstrap, tapi kelemahannya nggak bisa di-custom.

Next.js
- Next.js adalah framework React.js untuk mengembangkan website yang server-rendered.
- Faktanya, ukuran file awal Next.js lebih kecil 1/6 nya dari React itu sendiri, padahal Next.js dibuat dengan React.js.
- Di saat React.js digunakan untuk membuat single-page-app, Next.js bisa multiple pages.
- Routing system dari Next.js mengikuti lokasi file-nya.
- Next.js merender halaman sesuai yang dibutuhkan. Misal kita membuka halaman utama website, selain halaman utama tidak akan di-render oleh server. Namun jika ada link-link yang tercantum pada halaman utama tersebut, halaman yang dimaksud secara otomatis di-render di background. Sehingga saat kita melakukan interaksi dengan link tersebut makan dalam sekejap halamannya akan ditampilkan.

--

--