Daftar dan Belajar Sekarang!

Belajar NextJS

Framework dari library reactjs untuk memudahkan pembuatan aplikasi react kamu berikutnya

belajar cover

Kenapa belajar NextJS?

Apa? framework untuk library? begitulah dunia perkodingan ini, orang-orang terus berjuang untuk memudahkan kehidupan para programmer. NextJS sendiri diniatkan untuk memudahkan pekerjaan para pejuang reactjs. Kalau kamu sudah belajar ReactJS , kamu akan suka dengan framework yang satu ini. Nextjs akan memudahkan code splitting, dimana kode kamu akan dibagi otomatis agar pada saat halaman/bagian tertentu diakses hanya kode-kode tertentu saja yang diload, yang tentunya menghemat resource dan mempercepat waktu request. Selain itu, sistem routing untuk membuat URL yang ramah di mesin pencari (SEO) seperti google juga datang automatis. Kamu tidak perlu lagi khawatir membuat halaman SPA (Single Page Application) di ReactJS yang tidak terdeteksi di google. Untuk proses belajarnya sendiri tidak akan susah kalau kamu sudah menguasai react sebelumnya.

Daftar Materi Nextjs Framework react lebih powerful

Kamu sudah bermain dengan reactjs tapi merasa ada yang kurang? mungkin kamu ingin membuat aplikasi react kamu menjadi ramah di SEO (mesin pencari), bisa membagi kode dengan rapi di setiap halaman agar hanya bagian relevan saja yang hadir saat dibutuhkan, dan masih banyak lagi!


intro dan install nextjs

Nextjs bikin aplikasi reactjs kamu menjadi lebih powerful, mulai dari membagi kode per halaman jadi lebih rapi, sistem routing, sampai aplikasi yang bisa terdeteksi mesin pencari (SEO)


membuat halaman baru dan navigasi

Belajar bagaimana cara membuat halaman baru di nextjs dan mengatur navigasinya


sharing component

Seperti aplikasi react umumnya kamu bisa membuat komponen yang bisa disharing atau digunakan oleh berbagai komponen lainnya


layout component

Selain konsep sharing komponen biasa, nextjs juga menawarkan konsep layout component. Untuk bagian bagian besar yang ingin disharing di berbagai komponen


dasar halaman dinamis

Bagaimana dengan halaman dinamis di nextjs, dimana setiap infonya berbeda namun struktur tampilannya sama?


url lebih cantik dengan route masking

URL halaman dinamis nextjs kamu bisa lebih cantik, agar sedap dipandang mata dan juga saat dilihat di SEO (mesin pencari) menggunakan route masking


server side support untuk nextjs

Salah satu bagian powerful dari nextjs adalah SSR alias server side support. Dimana data data kamu akan dirender dari sisi server agar terbaca oleh SEO sebelum digunakan user


fetch data api di getInitialProps

Belajar mengkonsumsi data dari API di nextjs menggunakan fungsi getInitialprops untuk menampilkan data saat halaman pertama kali diload


meta tag dinamis nextjs

Masih di tema SEO, kali ini kita akan melihat cara mengubah meta tag yang umum kamu gunakan di website untuk halaman dinamis di nextjs


css in js pada nextjs

Cara menghias aplikasi react nextjs dengan css, sedikit berbeda dari css biasa


deploy nextjs dengan now

Saatnya kita deploy aplikasi nextjs ini menggunakan fitur now dari zeit.co agar bisa live dan dilihat oleh semua orang



Tag: Kenapa belajar NextJS, Mengenal apa itu NextJS, Di mana mulai belajar NextJS, tutorial NextJS bahasa indonesia untuk pemula dari dasar, apa kegunaan NextJS, bagaimana cara menggunakan NextJS.