Menguasai Next.js
Hei, semuanya! Saya Lee, pencipta Mastering Next.Js. Kursus ini awalnya dirilis pada 2019. Next.js telah berkembang sedikit sejak V9 dan beberapa kursus ini secara resmi "ketinggalan zaman".
Saya telah memperbarui ikhtisar kursus di bawah ini untuk menganotasi bagian mana yang terbaru, yang telah berubah, dan apa saran baru saya. Menurut pendapat saya, ini adalah cara yang ideal untuk mengembangkan kursus ini. Video akan berfungsi sebagai referensi ke titik waktu, tetapi penambahan yang lebih baru untuk kerangka kerja membuat aspek -aspek tertentu lebih mudah.
- ? Up to date
- ? Usang
- ? Jangan merekomendasikan
Perkenalan
- ? Tonton sekarang (26:07)
- ? Inilah pemikiran terbaru saya tentang perbandingan kerangka kerja
- ? Video ini menyebutkan optimasi gambar, yang sekarang didukung di Next.js
Tinjauan Bereaksi
Saya mengajarkan komponen kelas pada tahun 2019 bagi mereka yang masih dalam proses mengonversi menjadi reaksi kait. Pada tahun 2021, sekarang standar untuk menggunakan react hooks untuk semua proyek dan saya akan merekomendasikan mulai dari sana.
- ? Tonton Pelajaran (21:01)
- ? Kode Lihat
- ? Alat peraga & negara bagian
- ? Komponen fungsional
- ? Bereaksi kait
- ? Es6
- ? JSX
- ? Komponen kelas
Berkembang secara lokal
- ? Tonton Pelajaran (9:49)
- ?
next dev , next build , dan next start - ? Lebih cantik
- ? Optimalisasi gambar sekarang didukung di Next.js
- ? Eslint sekarang terintegrasi di Next.js
- ? Standar (lebih cantik + eslint menang)
Menavigasi antar halaman
- ? Tonton Pelajaran (19:25)
- ? Kode Lihat
- ?
next/link (perutean sisi klien) - ?
useRouter - ? Mengambil data dari URL
- ?
getInitialProps - ini sebagian besar telah digantikan oleh API yang lebih baru
Gaya
- ? Tonton Pelajaran (20:04)
- ? Kode Lihat
- ? Desain responsif + mobile-first
- ? gaya-jsx
- ? Modul CSS & CSS sekarang didukung di luar kotak
- ? Sass - Saya akan merekomendasikan opsi lain
- ? Komponen gaya - Saya akan merekomendasikan opsi lain
Mengambil data
- ? Tonton Pelajaran (46:30)
- ? Kode Lihat
- ? Rute API
- ? Swr
- ? Graphql
- ? Hasura
- ? Klien Apollo - Saya akan merekomendasikan SWR
- ? Server Kustom - sebagian besar kebutuhan untuk ini telah pindah ke
next start .
Mengelola Aset dan SEO
- ? Tonton Pelajaran (14:19)
- ? Favicons
- ? Buka grafik
- ? Tema inti masih berlaku untuk SEO
- ? Optimalisasi gambar sekarang didukung di Next.js
- ? Sekarang ada panduan resmi tentang SEO
Membangun blog dengan MDX
- ? Tonton Pelajaran (32:32)
- ? Kode Lihat
- ? MDX vs CMS
- ? Perpustakaan Komponen (Tema UI) - Saya akan merekomendasikan opsi lain
- ? Statickit - Diakuisisi oleh Formspree
Otentikasi
- ? Tonton Pelajaran (23:34)
- ? Jwts
- ? Auth0
- ? Saya memiliki kursus baru menggunakan firebase dan next.js
- ? Akan merekomendasikan Next-Auth untuk solusi OSS sekarang
- ? Berikut adalah pemikiran terbaru saya tentang manajemen negara (formulir)
Pengujian & Penanganan Kesalahan
- ? Tonton Pelajaran (33:12)
- ? Bersenda gurau
- ? Perpustakaan pengujian bereaksi
- ? Sentry (lihat contoh terbaru)
Manajemen Negara & Lainnya
- ? Tonton Pelajaran (25:41)
- ? Integrasi naskah
- ? Inilah pemikiran terbaru saya tentang manajemen negara
- ? Redux (lihat contoh terbaru)
Ekspor & Penempatan
- ? Tonton Pelajaran (11:20)
- ? Vercel
- ? Anda tidak perlu lagi menyesuaikan apa pun di
vercel.json - itu hanya berfungsi! - ? Zeit sekarang Vercel
