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.

Sign up to discover human stories that deepen your understanding of the world.

Free

Distraction-free reading. No ads.

Organize your knowledge with lists and highlights.

Tell your story. Find your audience.

Membership

Read member-only stories

Support writers you read most

Earn money for your writing

Listen to audio narrations

Read offline with the Medium app

--

--

Adhy Wiranto
Adhy Wiranto

Written by Adhy Wiranto

0 Followers

Do what you can.

No responses yet

Write a response