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!

Update kelas terakhir : 5 tahun yang lalu

cover nextjs-framework-react-lebih-powerful.jpg

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