Was ist Next.js? Crashkurs in 20 Minuten!

Next.js ist das bekannteste und meistgenutzte React Framework. Es ist meinungsstark (opinionated), bringt viele Dinge von Haus aus mit und baut auf Node.js auf.

Zu den wichtigsten Funktionen gehört "Static Generation", "Server-side Rendering", "Incremental Static Regeneration", "Code-Splitting", "File-system Routing", "Route Prefetching", "API Routes", "Image Optimization" und vieles mehr.

In diesem Video erkläre ich dir, was Next.js ist und wie das React Framework funktioniert. Wir erstellen dabei gemeinsam eine Next.js Website und füge verschiedene Funktionen hinzu. Zum Schluss zeige ich dir dann noch, wie du deine Website über Vercel oder Firebase hosten kannst.

▸ Next.js Website: https://nextjs.org/
▸ Next.js Podcast: https://www.programmier.bar/podcast-e...
▸ Was ist React:    • Was ist React? | Moderne Webentwicklung mi...  
▸ React Grundlagen:    • React.js Grundlagen  

▬ Online-Kurs ▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Responsive Webdesign mit HTML, CSS, Bootstrap und Tailwind: https://shop.heise-academy.de/respons...

▬ Timestamps ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

00:00 Intro
00:27 Was ist Next.js
01:44 Beispiel Websites
02:11 React vs Next.js
03:40 Die Features
05:13 Next.js App erstellen
06:42 Routing und Links
10:38 API Routes
12:13 Static Generation
13:56 Server-side Rendering
14:50 Incremental Static Regeneration
17:05 Weitere Features
17:22 Build & Hosting
19:18 Docs & programmier.bar
19:36 Outro

▬ Social Media ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Twitter:   / fabianhiller  
▸ LinkedIn:   / fabianhiller  
▸ GitHub: https://github.com/fabian-hiller
▸ Instagram:   / fabian.hiller  

▬ Weitere Links ▬▬▬▬▬▬▬▬▬▬▬▬▬▬

▸ Impressum: https://www.sifa-digital.de/impressum/