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.
Tidak ada komentar:
Posting Komentar