Mastering Next.js
Hey, alle! Ich bin Lee, der Schöpfer von Mastering Next.js. Dieser Kurs wurde ursprünglich im Jahr 2019 veröffentlicht. Next.js hat sich seit V9 ziemlich viel entwickelt und ein Teil dieses Kurses ist offiziell "veraltet".
Ich habe den Kursüberblick unten aktualisiert, um zu kommentieren, welche Teile auf dem neuesten Stand sind, welche sich geändert haben und welche neuen Vorschläge meine neuen Vorschläge sind. Meiner Meinung nach ist dies der ideale Weg, um diesen Kurs zu entwickeln . Die Videos dienen als Verweis auf einen Zeitpunkt, aber neuere Ergänzungen des Frameworks erleichtern bestimmte Aspekte viel einfacher.
- ? Auf dem neuesten Stand
- ? Veraltet
- ? Nicht empfehlen
Einführung
- ? Sehen Sie sich jetzt an (26:07)
- ? Hier sind meine neuesten Gedanken zum Rahmenvergleich
- ? In diesem Video wird die Bildoptimierung erwähnt, die jetzt in Next.js unterstützt wird
React -Übersicht
Ich habe 2019 Klassenkomponenten für diejenigen unterrichtet, die noch im Konvertieren in React -Hooks sind. Im Jahr 2021 ist es jetzt Standard, React -Hooks für alle Projekte zu verwenden, und ich würde empfehlen, dort zu beginnen.
- ? Sehen Sie sich Lektion an (21:01)
- ? Code anzeigen
- ? Requisiten & Staat
- ? Funktionale Komponenten
- ? Reagieren Haken
- ? Es6
- ? JSX
- ? Klassenkomponenten
Lokal entwickeln
- ? Sehen Sie sich Lektion an (9:49)
- ?
next dev , next build und next start - ? Hübscher
- ? Die Bildoptimierung wird nun im nächsten.js unterstützt
- ? Eslint ist jetzt in Next.js integriert
- ? Standard (schöner + Eslint Won)
Navigieren zwischen Seiten
- ? Sehen Sie sich Lektion an (19:25)
- ? Code anzeigen
- ?
next/link (clientseitiges Routing) - ?
useRouter - ? Daten aus URLs abrufen
- ?
getInitialProps - Dies wurde größtenteils durch neuere APIs ersetzt
Styling
- ? Sehen Sie sich Lektion an (20:04)
- ? Code anzeigen
- ? Responsive + Mobile-First-Design
- ? gestylt-jsx
- ? CSS & CSS -Module werden jetzt aus der Schachtel unterstützt
- ? SASS - Ich würde andere Optionen empfehlen
- ? Stilkomponenten - Ich würde andere Optionen empfehlen
Daten abrufen
- ? Sehen Sie sich Lektion an (46:30)
- ? Code anzeigen
- ? API -Routen
- ? Swr
- ? Graphql
- ? Hasura
- ? Apollo Client - Ich würde SWR empfehlen
- ? Benutzerdefinierte Server - Die meisten Anforderungen hierfür sind in
next start von Next.js Core übergegangen.
Vermögen verwalten und SEO
- ? Sehen Sie sich Lektion an (14:19)
- ? Favoriten
- ? Offene Grafik
- ? Kernthemen sind für SEO immer noch gültig
- ? Die Bildoptimierung wird nun im nächsten.js unterstützt
- ? Es gibt jetzt offizielle Anleitung zu SEO
Erstellen eines Blogs mit MDX
- ? Sehen Sie sich Lektion an (32:32)
- ? Code anzeigen
- ? MDX gegen CMS
- ? Komponentenbibliothek (THEME UI) - Ich würde andere Optionen empfehlen
- ? Statickit - erworben von Förse
Authentifizierung
- ? Sehen Sie sich Lektion an (23:34)
- ? JWTS
- ? Auth0
- ? Ich habe einen neuen Kurs mit Firebase und Next.js
- ? Ich würde NEXT-AUTH jetzt für eine OSS-Lösung empfehlen, jetzt
- ? Hier sind meine neuesten Gedanken zum Staatsmanagement (Formulare)
Test- und Fehlerbehandlung
- ? Sehen Sie sich Lektion an (33:12)
- ? Scherz
- ? Reagieren Sie die Testbibliothek
- ? Sentry (siehe neuestes Beispiel)
Staatsmanagement & mehr
- ? Sehen Sie sich Lektion an (25:41)
- ? Typscript -Integration
- ? Hier sind meine neuesten Gedanken zum Staatsmanagement
- ? Redux (siehe neuestes Beispiel)
Exportieren und Bereitstellen
- ? Sehen Sie sich Lektion an (11:20)
- ? Vercel
- ? Sie müssen nichts mehr in
vercel.json anpassen - es funktioniert einfach! - ? Zeit ist jetzt Vercel
