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!

Mulai Nonton Daftar Video

Detail Kelas

  • 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