Kompletter Next.js-Entwickler

Willkommen zu unserem Next.js-Kurs, bei dem wir effektives Lernen priorisieren. Verabschieden Sie sich von veralteten und verwirrenden Tutorials, die Ihre kostbare Zeit verschwenden!

Wir bringen Sie über die Grundlagen hinaus und befähigen Sie, moderne, unternehmensgerechte Anwendungen mit den neuesten Next.js-Technologien zu erstellen.

Und das Beste daran? Sie lernen in einer lebendigen Gemeinschaft.

Mit Ihrer Anmeldung erhalten Sie Zugang zu unserem exklusiven Live-Online-Community-Klassenzimmer, das Sie mit Tausenden von Mitstudenten, Alumni, Mentoren, Lehrassistenten und Lehrern verbindet.

Engagiert. Dynamisch. Unterstützend. Freundlich. Inspirierend. Unverzichtbar.

Diese Worte fassen zusammen, wie sich die Studierenden im ZTM Discord fühlen, einer der größten und aktivsten Entwicklergemeinschaften auf Discord.

Am wichtigsten ist, dass Sie von Branchenveteranen (Ankita und Andrei) geleitet werden, die über praktische Erfahrungen als Senior Engineers bei führenden Unternehmen im Silicon Valley und Toronto verfügen. Zusätzlich ist Ankita regelmäßige Rednerin und Dozentin auf renommierten Next.js- und React-Konferenzen.

Dieser projektorientierte Kurs wird Ihnen das moderne Next.js-Entwicklertoolset für 2024 näherbringen.

Sie werden sogar eine umfangreiche Netflix-Clone-App unter Verwendung von React Hooks, Hasura (GraphQL), Context API, Airtable, Serverless Functions, Framer Motion, Vercel und mehr erstellen.

Im Gegensatz zu den meisten Online-Next.js-Tutorials ist dies eine umfassende Full-Stack-Anwendung!

Alles Codieren wird Schritt für Schritt bereitgestellt, sodass Sie auch dann, wenn Sie sich entscheiden sollten, nicht mitzucodieren, Zugriff auf den vollständigen Master-Projektcode (ja, Sie erstellen Netflix!) haben, um ihn in Ihrem Portfolio zu präsentieren.

Hier ist, was der Kurs beinhaltet, um Sie von einem Anfänger zu einem Next.js-Experten zu machen

Der Lehrplan ist praxisorientiert und führt Sie von der Projektidee bis zum Start einer professionellen Next.js-Anwendung in der Produktion.

Wir beginnen mit den Grundlagen und behandeln die Next.js-Grundlagen.

Aber das ist erst der Anfang; wir gehen dann auf fortgeschrittene Themen ein, um Ihnen zu helfen, fundierte architektonische und werkzeugtechnische Entscheidungen für Ihre zukünftigen Next.js-Unternehmungen zu treffen.

Hier ist ein kurzer Überblick über die Themen, die Sie behandeln werden:

1. Next.js Grundlagen

Wir untersuchen die Unterschiede zwischen Next.js und React, heben die zahlreichen Vorteile von Next.js hervor und erklären das JAM-Stack-Konzept. Dieser grundlegende Abschnitt bildet die Basis für den gesamten Kurs.

2. Ihre erste Next.js-Anwendung | Coffee Connoisseur Projekt

Sie werden sofort Ihr erstes Projekt erstellen. Dieses Projekt soll Ihnen die Next.js-Grundlagen vermitteln, indem der Fokus auf die Projekteinrichtung, CSS-Module, schnelles Aktualisieren und mehr gelegt wird.

3. Routing in Next.js | Coffee Connoisseur

Sie lernen verschiedene Routing-Aspekte kennen, darunter dynamische Routen, Index-Routen, benannte Routen und die Link-Komponente.

4. Styling in Next.js | Coffee Connoisseur

In diesem Segment geht es darum, Ihre Apps mit CSS-Modulen zu gestalten, Komponentenstile zu trennen und globale Stile anzuwenden.

5. Hydration, SEO und Rendering-Techniken in Next.js

Dieser wichtige Abschnitt behandelt die wesentlichen SEO-Grundlagen, wie Next.js das SEO verbessert und verschiedene Rendering-Techniken wie statische Seitengenerierung, serverseitiges Rendern, inkrementelle statische Regeneration und clientseitiges Rendern.

6. Statische Coffee Store Seiten | Coffee Connoisseur

Erfahren Sie die Feinheiten der statischen Darstellung und wie Sie entscheiden, was statisch gerendert wird, während Sie API-Anfragen an Foursquare stellen und SSG implementieren.

7. Kaffeehäuser finden | Coffee Connoisseur

In diesem Abschnitt werden verschiedene Fallbacks bei der statischen Darstellung sowie das Abrufen von Benutzerstandorten und die Verwendung der Context API untersucht.

8. Serverless Funktionen | Coffee Connoisseur

Was sind serverlose Funktionen und wann sind sie anwendbar? Sie erstellen serverlose Funktionen, um statische Informationen über Kaffeehäuser abzurufen.

9. Speicher von Coffeestore-Daten mit Airtable | Coffee Connoisseur

Sie tauchen in die Datenbankspeicherung mit Airtable ein, speichern Coffeestore-Daten und lernen über clientseitiges Rendern.

10. SWR und Client-Side Rendering | Coffee Connoisseur

Was ist SWR und wann sollten Sie es nutzen? Sie verwenden Next.js für SWR und clientseitiges Rendern in diesem Teil.

11. Bereitstellung und Optimierung | Coffee Connoisseur

Erfahren Sie, wie Sie Ihre App auf Vercel und Netlify bereitstellen, verschiedene Cloud-Anbieter entdecken, verstehen, was Lighthouse ist, und optimieren Sie Ihre Next.js-Leistung.

12. Projektsetup | Netflix-Clone mit Next.js

Bereiten Sie sich auf Ihr Hauptprojekt vor! Dieser Abschnitt befasst sich mit der Einrichtung Ihres Netflix-Clone.

13. Netflix-Homepage und Videoanzeige | Netflix-Clone mit Next.js

Erstellen Sie die Netflix-Homepage mit serverseitigem Rendern, lernen Sie, wie Sie die YouTube-API aufrufen, um Videos abzurufen und anzuzeigen. Sie verwenden auch Framer Motion für komplexe Kartendesigns.

14. Authentifizierung mit Magic | Netflix-Clone mit Next.js

Entdecken Sie, wie Authentifizierung in Next.js funktioniert, indem Sie ein kennwortloses Login implementieren und eine sichere Anmeldeseite erstellen.

15. Inkrementelle statische Regeneration | Netflix-Clone mit Next.js

Zeigen Sie Videos auf der Homepage an und nutzen Sie ISR, um eine modale Seite zu erstellen und mehr über die inkrementelle statische Generierung zu erfahren.

16. Erkunden von Hasura GraphQL | Netflix-Clone mit Next.js

Entdecken Sie GraphQL, Hasura und deren zugrunde liegende Architektur und richten Sie Ihr Projekt in der Hasura-Umgebung ein.

17. Hasura-Authentifizierung | Netflix-Clone mit Next.js

Erfahren Sie mehr über die Auth-Fluss-Architektur und nutzen Sie das serverseitige SDK für den Benutzerlogin.

18. Bewertungs- und Favoritenseite | Netflix-Clone mit Next.js

Konfigurieren Sie Hasura für einen Bewertungsdienst, entwickeln Sie eine Bewertungs-API, um Videos zu mögen/nicht zu mögen, und erstellen Sie eine Favoritenseite.

19. Finale Bereitstellung | Netflix-Clone mit Next.js

Richten Sie das endgültige GitHub-Repository ein, konfigurieren Sie es und stellen Sie es bei Vercel bereit!

20. React Grundlagen | Optionaler Abschnitt

Ein ergänzender Abschnitt für diejenigen, die eine Auffrischung zu React.js und React Hooks benötigen, um das Beste aus Ihrem Kurs herauszuholen.

Neugierig auf das Beste?

Dieser Kurs wird sich kontinuierlich weiterentwickeln und an das Next.js-Ökosystem anpassen.

Wenn es im Next.js-Bereich Updates gibt, können Sie erwarten, dass unser Kurs mit neuen Vorlesungen und Ressourcen aktualisiert wird.

Das bedeutet, dass Sie jederzeit auf den Kurs zurückgreifen können, um die neuesten Next.js-Best Practices aufzufrischen.

Also, worum geht es im Wesentlichen?

Dieser Kurs geht nicht darum, einfach mitzucodieren, ohne die Kernkonzepte zu verstehen, sodass Sie fertig sind und nicht wissen, wie es weitergehen soll, außer, noch mehr Tutorials anzusehen… Auf keinen Fall!

Unser Ziel ist es, Sie von einem kompletten Anfänger zu einem der besten 10 % der Next.js- und React-Entwickler zu machen 💪.

Woher wissen wir, dass das funktioniert?

Weil zahlreiche Zero To Mastery-Absolventen bereits erfolgreich Positionen bei Unternehmen wie Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook und Shopify erhalten haben.

Unsere Absolventen kommen aus den unterschiedlichsten Hintergründen, Altersgruppen und Erfahrungen, viele von ihnen haben vollkommen ohne Vorkenntnisse begonnen.

Warum also nicht Sie?

Mit nichts zu verlieren können Sie heute Ihre Lernreise beginnen und wenn Sie feststellen, dass der Kurs nicht Ihren Erwartungen entspricht, bieten wir Ihnen eine problemlose 100%ige Rückerstattung innerhalb von 30 Tagen an. Keine Fragen gestellt.