Nextjs Framework react lebih powerful

Nextjs Framework react lebih powerful

Free Courses : Nextjs Framework react lebih powerful

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

Related Posts:
  1. Statistics for Data Science and Business Analysis
  2. Memasang Text editor pada website dengan tinymce
  3. Tutorial JavaScript Dasar
  4. Membuat desain website di photoshop
  5. NuxtJS membuat aplikasi vuejs universal

You can support us by donate with buy us a coffee. We appreciate your donation to our work for share free udemy courses.

Get courses alert everyday on our Telegram Channel. Join Now

Insidelearn Telegram Channel

Share this courses to your friends, community.

10,000+ People trust Insidelearn! Get courses alert on Telegram or Discord.