Next.js - Versionsgeschichte

VanGore: + link [[Statische Webseite#Statische Website-Generatoren|statischer Website-Generator]

2025-04-18T17:47:18Z

+ link [[Statische Webseite#Statische Website-Generatoren|statischer Website-Generator]

← Nächstältere Version		Version vom 18. April 2025, 19:47 Uhr
Zeile 20:		Zeile 20:
	}}		}}

	'''Next.js''' ist ein [[Open Source\|quelloffenes]] [[Webframework]], mit welchem sich [[React]]-basierte Web-Anwendungen mit serverseitigem Rendering und ~~statischer~~ ~~Seitengenerierung~~ ~~entwickeln~~ ~~lassen~~.		'''Next.js''' ist ein [[Open Source\|quelloffenes]] [[Webframework]], mit welchem sich [[React]]-basierte Web-Anwendungen mit serverseitigem Rendering entwickeln lassen und [[Statische Webseite#Statische Website-Generatoren\|statischer Website-Generator]].

	Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerendert werden kann, ermöglicht es Next.js, das Rendering direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rendern.		Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerendert werden kann, ermöglicht es Next.js, das Rendering direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rendern.

VanGore: HC: Ergänze Kategorie:Static site generator

2025-04-02T18:44:01Z

HC: Ergänze Kategorie:Static site generator

← Nächstältere Version		Version vom 2. April 2025, 20:44 Uhr
Zeile 52:		Zeile 52:
	[[Kategorie:JavaScript-Bibliothek]]		[[Kategorie:JavaScript-Bibliothek]]
	[[Kategorie:Webframework]]		[[Kategorie:Webframework]]
			[[Kategorie:Static site generator]]

Ikellenberger: Typo fixed.

2025-02-28T18:49:17Z

Typo fixed.

← Nächstältere Version		Version vom 28. Februar 2025, 20:49 Uhr
Zeile 20:		Zeile 20:
	}}		}}

	'''Next.js''' ist ein [[Open Source\|quelloffenes]] [[Webframework]], mit ~~welcher~~ sich [[React]]-basierte Web-Anwendungen mit serverseitigem Rendering und statischer Seitengenerierung entwickeln lassen.		'''Next.js''' ist ein [[Open Source\|quelloffenes]] [[Webframework]], mit welchem sich [[React]]-basierte Web-Anwendungen mit serverseitigem Rendering und statischer Seitengenerierung entwickeln lassen.

	Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerendert werden kann, ermöglicht es Next.js, das Rendering direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rendern.		Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerendert werden kann, ermöglicht es Next.js, das Rendering direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rendern.

Dnaber: Rasterung -> Rendering

2024-09-20T19:04:01Z

Rasterung -> Rendering

← Nächstältere Version		Version vom 20. September 2024, 21:04 Uhr
Zeile 20:		Zeile 20:
	}}		}}

	'''Next.js''' ist ein [[Open Source\|quelloffenes]] [[Webframework]], mit welcher sich [[React]]-basierte Web-Anwendungen mit ~~serverseitiger~~ ~~Rasterung~~ und statischer Seitengenerierung entwickeln lassen.		'''Next.js''' ist ein [[Open Source\|quelloffenes]] [[Webframework]], mit welcher sich [[React]]-basierte Web-Anwendungen mit serverseitigem Rendering und statischer Seitengenerierung entwickeln lassen.

	Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] ~~gerastert~~ werden kann, ermöglicht Next.js ~~die~~ ~~Rasterung~~ direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu ~~rastern~~.		Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerendert werden kann, ermöglicht es Next.js, das Rendering direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rendern.

	Next.js ist eines der in der Dokumentation von React empfohlenen Frameworks für die Entwicklung von React-Applikationen<ref>{{Internetquelle \| url=https://react.dev/learn/start-a-new-react-project \| titel=Start a New React Project \| werk=react.dev \| abruf=2024-05-24 \| sprache=en}}</ref> und ist eines der populärsten Webframeworks.<ref name="stackoverflow-survey-2023" />		Next.js ist eines der in der Dokumentation von React empfohlenen Frameworks für die Entwicklung von React-Applikationen<ref>{{Internetquelle \| url=https://react.dev/learn/start-a-new-react-project \| titel=Start a New React Project \| werk=react.dev \| abruf=2024-05-24 \| sprache=en}}</ref> und ist eines der populärsten Webframeworks.<ref name="stackoverflow-survey-2023" />
Zeile 34:		Zeile 34:

	== Hintergrund ==		== Hintergrund ==
	React ist eine JavaScript-Bibliothek, mit welcher sich Web-Applikationen bauen lassen, die im Webbrowser des Nutzers mittels JavaScript in einem [[Document Object Model\|Virtual DOM]] ~~gerastert~~ werden.<ref name="mohit-thakkar" /> Diese Vorgehensweise hat jedoch für Webseiten, die funktionell eigentlich nicht auf JavaScript angewiesen wären, zahlreiche Nachteile. Die Abhängigkeit von JavaScript sorgt zunächst dafür, dass keine Darstellung der Webseite möglich ist, wenn JavaScript im Webbrowser deaktiviert ist. Auch führt der verzögerte Seitenaufbau zu Geschwindigkeitseinbußen und Suchmaschinen können den Inhalt der Webseite nicht korrekt [[Webcrawler\|indizieren]], was sich als erhebliches Problem in der [[Suchmaschinenoptimierung]] niederschlägt.<ref name="mohit-thakkar">{{Literatur \| Autor=Mohit Thakkar \| Titel=Building React Apps with Server-Side Rendering \| Verlag=Apress \| Seiten=99–137 \| Ort=Berkeley (Kalifornien) \| Datum=2020 \| ISBN=978-1-4842-5868-2 \| DOI=10.1007/978-1-4842-5869-9_3 \| Sprache=en}}</ref>		React ist eine JavaScript-Bibliothek, mit welcher sich Web-Applikationen bauen lassen, die im Webbrowser des Nutzers mittels JavaScript in einem [[Document Object Model\|Virtual DOM]] gerendert werden.<ref name="mohit-thakkar" /> Diese Vorgehensweise hat jedoch für Webseiten, die funktionell eigentlich nicht auf JavaScript angewiesen wären, zahlreiche Nachteile. Die Abhängigkeit von JavaScript sorgt zunächst dafür, dass keine Darstellung der Webseite möglich ist, wenn JavaScript im Webbrowser deaktiviert ist. Auch führt der verzögerte Seitenaufbau zu Geschwindigkeitseinbußen und Suchmaschinen können den Inhalt der Webseite nicht korrekt [[Webcrawler\|indizieren]], was sich als erhebliches Problem in der [[Suchmaschinenoptimierung]] niederschlägt.<ref name="mohit-thakkar">{{Literatur \| Autor=Mohit Thakkar \| Titel=Building React Apps with Server-Side Rendering \| Verlag=Apress \| Seiten=99–137 \| Ort=Berkeley (Kalifornien) \| Datum=2020 \| ISBN=978-1-4842-5868-2 \| DOI=10.1007/978-1-4842-5869-9_3 \| Sprache=en}}</ref>

	Webframeworks wie Next.js umgehen diese Probleme, indem der Aufbau der DOM-Struktur bereits auf dem Webserver erfolgt.<ref name="mohit-thakkar" /> Auf dem Webserver ist für die Verwendung von Next.js die Installation von [[Node.js]] erforderlich.		Webframeworks wie Next.js umgehen diese Probleme, indem der Aufbau der DOM-Struktur bereits auf dem Webserver erfolgt.<ref name="mohit-thakkar" /> Auf dem Webserver ist für die Verwendung von Next.js die Installation von [[Node.js]] erforderlich.

Venuswind: +Kategorie

2024-05-24T14:28:55Z

+Kategorie

← Nächstältere Version		Version vom 24. Mai 2024, 16:28 Uhr
Zeile 51:		Zeile 51:
	[[Kategorie:Freies Webframework]]		[[Kategorie:Freies Webframework]]
	[[Kategorie:JavaScript-Bibliothek]]		[[Kategorie:JavaScript-Bibliothek]]
			[[Kategorie:Webframework]]

Venuswind: Kategorien hinzugefügt

2024-05-24T14:19:30Z

Kategorien hinzugefügt

← Nächstältere Version		Version vom 24. Mai 2024, 16:19 Uhr
Zeile 49:		Zeile 49:
	<references />		<references />

	~~<!--~~ [[Kategorie:Freies Webframework]] ~~-->~~		[[Kategorie:Freies Webframework]]
	~~<!--~~ [[Kategorie:JavaScript-Bibliothek]] ~~-->~~		[[Kategorie:JavaScript-Bibliothek]]

Venuswind: Venuswind verschob die Seite Benutzer:Venuswind/Baustelle 1 nach Next.js: Veröffentlichung des vorbereiteten Artikels

2024-05-24T14:19:08Z

Venuswind verschob die Seite Benutzer:Venuswind/Baustelle 1 nach Next.js: Veröffentlichung des vorbereiteten Artikels

← Nächstältere Version	Version vom 24. Mai 2024, 16:19 Uhr
(kein Unterschied)

Venuswind: -BS

2024-05-24T14:18:51Z

-BS

← Nächstältere Version		Version vom 24. Mai 2024, 16:18 Uhr
Zeile 1:		Zeile 1:
	{{Baustelle}}

	{{Infobox Software		{{Infobox Software
	\|Name =		\|Name =

Venuswind: +Beleg

2024-05-24T14:16:53Z

+Beleg

← Nächstältere Version		Version vom 24. Mai 2024, 16:16 Uhr
Zeile 26:		Zeile 26:
	Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerastert werden kann, ermöglicht Next.js die Rasterung direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rastern.		Während der Inhalt traditioneller React-Anwendungen nur im [[Webbrowser]] gerastert werden kann, ermöglicht Next.js die Rasterung direkt auf dem [[Webserver]] vorzunehmen, behält aber gleichzeitig die Möglichkeit, Seiten oder einzelne Komponenten weiterhin im Webbrowser zu rastern.

	Next.js ist eines der in der Dokumentation von React empfohlenen Frameworks für die Entwicklung von React-Applikationen<ref>{{Internetquelle \| url=https://react.dev/learn/start-a-new-react-project \| titel=Start a New React Project \| werk=react.dev \| abruf=2024-05-24 \| sprache=en}}</ref> und ist eines der populärsten Webframeworks.		Next.js ist eines der in der Dokumentation von React empfohlenen Frameworks für die Entwicklung von React-Applikationen<ref>{{Internetquelle \| url=https://react.dev/learn/start-a-new-react-project \| titel=Start a New React Project \| werk=react.dev \| abruf=2024-05-24 \| sprache=en}}</ref> und ist eines der populärsten Webframeworks.<ref name="stackoverflow-survey-2023" />

	Das Framework wird hauptsächlich vom [[Vereinigte Staaten von Amerika\|US-amerikanischen]] Unternehmen [[Vercel (Unternehmen)\|Vercel]] entwickelt, besitzt jedoch auch eine große Open-Source-Gemeinde, die sich an der Entwicklung beteiligt. Die Markenrechte an Next.js liegen bei Vercel.<ref>{{Internetquelle \| url=https://vercel.com/geist/brands#next.js \| titel=Next.js Brand Guidelines \| werk=nextjs.org \| abruf=2024-05-24 \| sprache=en}}</ref>		Das Framework wird hauptsächlich vom [[Vereinigte Staaten von Amerika\|US-amerikanischen]] Unternehmen [[Vercel (Unternehmen)\|Vercel]] entwickelt, besitzt jedoch auch eine große Open-Source-Gemeinde, die sich an der Entwicklung beteiligt. Die Markenrechte an Next.js liegen bei Vercel.<ref>{{Internetquelle \| url=https://vercel.com/geist/brands#next.js \| titel=Next.js Brand Guidelines \| werk=nextjs.org \| abruf=2024-05-24 \| sprache=en}}</ref>

Venuswind: +Beleg

2024-05-24T14:15:59Z

+Beleg

← Nächstältere Version		Version vom 24. Mai 2024, 16:15 Uhr
Zeile 33:		Zeile 33:
	Die erste Version von Next.js wurde am 25. Oktober 2016 als Open-Source-Projekt auf [[GitHub]] veröffentlicht.<ref name="nextjs-1">{{Internetquelle \| url=https://github.com/vercel/next.js/releases/tag/1.0.0 \| titel=Next.js Release 1.0.0 \| werk=[[GitHub]] \| datum=2016-10-25 \| abruf=2024-05-24 \| sprache=en}}</ref>		Die erste Version von Next.js wurde am 25. Oktober 2016 als Open-Source-Projekt auf [[GitHub]] veröffentlicht.<ref name="nextjs-1">{{Internetquelle \| url=https://github.com/vercel/next.js/releases/tag/1.0.0 \| titel=Next.js Release 1.0.0 \| werk=[[GitHub]] \| datum=2016-10-25 \| abruf=2024-05-24 \| sprache=en}}</ref>

	Am 26. Oktober 2022 wurde Next.js 13 veröffentlicht, welches zahlreiche Funktionen und Verbesserungen mit sich brachte. Unter anderem wurde ein neues Routing-System mit Unterstützung für Layouts, Unterstützung für React Server Components sowie neue Möglichkeiten zum Datenabruf vorgestellt.<ref name="nextjs-13">{{Internetquelle \| url=https://nextjs.org/blog/next-13 \| titel=Next.js 13 \| werk=nextjs.org \| datum=2022-10-25 \| abruf=2024-05-24 \| sprache=en}}</ref> Des Weiteren wurde Unterstützung für Turborepo als inkrementelles Build-System für [[Monorepo]]s hinzugefügt, welches Vercel ein Jahr zuvor akquiriert hat.<ref name="techcrunch-turborepo">{{Internetquelle \| url=https://techcrunch.com/2021/12/09/vercel-acquires-turborepo/ \| autor=Frederic Lardinois \| datum=2021-12-09 \| abruf=2024-05-21 \| titel=Vercel acquires Turborepo \| werk=[[TechCrunch]] \| sprache=en}}</ref> Auch wurde [[Webpack]] als Bundler durch den eigens von Vercel entwickelten Bundler Turbopack ~~abgelöst~~.		Am 26. Oktober 2022 wurde Next.js 13 veröffentlicht, welches zahlreiche Funktionen und Verbesserungen mit sich brachte. Unter anderem wurde ein neues Routing-System mit Unterstützung für Layouts, Unterstützung für React Server Components sowie neue Möglichkeiten zum Datenabruf vorgestellt.<ref name="nextjs-13">{{Internetquelle \| url=https://nextjs.org/blog/next-13 \| titel=Next.js 13 \| werk=nextjs.org \| datum=2022-10-25 \| abruf=2024-05-24 \| sprache=en}}</ref> Des Weiteren wurde Unterstützung für Turborepo als inkrementelles Build-System für [[Monorepo]]s hinzugefügt, welches Vercel ein Jahr zuvor akquiriert hat.<ref name="techcrunch-turborepo">{{Internetquelle \| url=https://techcrunch.com/2021/12/09/vercel-acquires-turborepo/ \| autor=Frederic Lardinois \| datum=2021-12-09 \| abruf=2024-05-21 \| titel=Vercel acquires Turborepo \| werk=[[TechCrunch]] \| sprache=en}}</ref> Auch wurde die Möglichkeit eingeführt, [[Webpack]] als Bundler optional durch den eigens von Vercel entwickelten Bundler Turbopack zu ersetzen.<ref name="nextjs-13-turbopack">{{Internetquelle \| url=https://www.heise.de/news/JavaScript-Framework-Next-js-13-beschleunigt-mit-Webpack-Nachfolger-Turbopack-7320797.html \| titel=JavaScript-Framework: Next.js 13 beschleunigt mit Webpack-Nachfolger Turbopack \| autor=Maika Möbus \| werk=[[Heise Online]] \| datum=2022-10-26 \| abruf=2024-05-24}}</ref>

	== Hintergrund ==		== Hintergrund ==