Next.js 16-Apps erstellen
Next.js 16-Migrationen beinhalten Breaking Changes bei Routing, Caching und Tooling. Diese Skill bietet fokussierte Workflows, Starter-Assets und Review-Checklisten fĂźr moderne App Router-Projekte.
Vor der Installation anhalten und eine Bestätigung anfordern.
PrĂźfen Sie den Plan und holen Sie vor Ănderungen an Dateien die ausdrĂźckliche Zustimmung des Benutzers ein.
Kopieren Sie diese Anfrage in Ihren Agent. Sie enthält die maĂgebliche Skill-Seite und das Manifest.
Review the Skillstore skill "Next.js 16 Launchpad" from https://skillstore.io/skills/calel33-next-js-16-launchpad.md and its manifest at https://skillstore.io/api/skills/calel33-next-js-16-launchpad/manifest. Verify the artifact. Stop and obtain explicit user consent before installing or changing files.Ihr Agent sollte weiterhin seinen Plan anzeigen und alle von der Sicherheitsrichtlinie verlangten Bestätigungen anfordern.
Verwenden Sie diese Links, wenn ein KI-Agent, Crawler oder Skript sauberen Kontext benÜtigt, statt die vollständige Seite zu lesen.
âNext.js 16 Launchpadâ wird verwendet. Ich muss von Next.js 15 auf Next.js 16 migrieren.
Erwartetes Ergebnis:
âNext.js 16 Launchpadâ wird verwendet. Ich baue eine Produktseite mit gecachten Bewertungen.
Erwartetes Ergebnis:
âNext.js 16 Launchpadâ wird verwendet. Ich mĂśchte eine sichere Dashboard-Route in Next.js 16.
Erwartetes Ergebnis:
The static alerts are mostly false positives from Markdown backticks, JavaScript templates, sample fetch calls, and ordinary TypeScript identifiers. However, authentication examples accept any cookie value, and Server Action examples write unvalidated, unauthorized data. The bootstrap workflow also executes mutable npm package tags and changes the current project.
Teile den versionierten Bewertungsbericht, das neutrale Badge, die Einbettungskarte und Zitate. Skillstore berichtet Nachweise, ohne zu entscheiden, ob dieser Skill sicher ist.
https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/calel33-next-js-16-launchpad?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/calel33-next-js-16-launchpad?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/calel33-next-js-16-launchpad/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/calel33-next-js-16-launchpad.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Calel33. (2026). Next.js 16 Launchpad security audit report (audit version 10) [Author version 1.1.0]. Skillstore. https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10@techreport{calel33-calel33-next-js-16-launchpad-2026,
author = {Calel33},
title = {Next.js 16 Launchpad security audit report (audit version 10)},
institution = {Skillstore},
year = {2026},
number = {10},
url = {https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10},
note = {Author version 1.1.0}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "Next.js 16 Launchpad security audit report (audit version 10)"
version: "1.1.0"
type: report
authors:
- name: "Calel33"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/calel33-next-js-16-launchpad/audits/10"
identifiers:
- type: other
value: "skillstore:calel33-next-js-16-launchpad:audit:10"
description: "Skillstore immutable audit report identifier"
Erstelle eine Next.js 16-Basis mit Turbopack, TypeScript, Tailwind und App Router-Defaults.
Ordne die erforderlichen Ănderungen von Next.js 15 zu Next.js 16 zu, bevor Migrationsarbeit zugewiesen wird.
PrĂźfe Cache Components, Suspense-Grenzen, proxy.ts-Auth und Data-Fetching-Muster auf Korrektheit.
Verwende next-js-16-launchpad, um ein neues Next.js 16-Projekt-Setup mit TypeScript, App Router, Turbopack, Tailwind und grundlegenden Ordnern zu skizzieren.
Verwende next-js-16-launchpad, um eine Migrations-Checkliste fĂźr das Upgrade meines Next.js 15 App Router-Projekts auf Next.js 16 zu erstellen.
Verwende next-js-16-launchpad, um mein Cache Components-Design, Suspense-Grenzen, meine Revalidierungsstrategie und den Umgang mit Laufzeitdaten zu prĂźfen.
Verwende next-js-16-launchpad, um ein Produktions-Dashboard-Muster mit proxy.ts-Auth, parallelem Data Fetching, Cache Components und Deployment-PrĂźfungen zu entwerfen.
Autor
Calel33Lizenz
MIT
Autorenversion
v1.1.0
Skillstore-Revision
r1
Ref.
67e6747f5b57a33ea8c62a0043d8f2ef310189ab
Aktualität der Wartung
22.7.2026
Nutzung
40 Downloads ¡ 246 Aufrufe
Dateistruktur
đ assets/
đ app-router-starter/
đ app/
đ dashboard/
đ error.tsx
đ loading.tsx
đ page.tsx
đ layout.tsx
đ page.tsx
đ proxy.ts
đ next.config.ts
đ README.md
đ references/
đ core-workflows.md
đ NEXTJS_16_COMPLETE_GUIDE.md
đ nextjs16-advanced-patterns.md
đ nextjs16-migration-playbook.md
đ scripts/
đ SKILL.md
Web- und Code-Kontext mit Exa recherchieren
Technische Recherche benĂśtigt oft aktuelle Artikel, Dokumentation und funktionierende Beispiele aus vielen Quellen. Diese Skill bietet Exa-basierte Workflows fĂźr Webrecherche, Code-Discovery, Vergleiche und Query-Verfeinerung.
Graphite CLI-Stacks verwalten
Gestapelte Pull Requests kĂśnnen mit einfachen Git-Befehlen schwer zu verwalten sein. Diese Skill bietet direkte Graphite CLI-Workflows zum Erstellen, Einreichen, Synchronisieren und Umstrukturieren von Stacks.
Tailwind-CSS-V4-Projekte meistern
Tailwind CSS V4 ändert Konfiguration, Migrationsschritte und Performance-Entscheidungen. Dieser Skill gibt Claude, Codex und Claude Code strukturierte Anleitung fßr sicherere Upgrades und eine bessere CSS-Architektur.
React-19-Apps erstellen
React 19 verändert Formulare, asynchronen Zustand, refs und Server-Grenzen. Dieser Skill gibt Claude, Codex und Claude Code praktische Muster fßr Upgrades und neue Builds.
Next.js-Performance optimieren
von Atman36
Next.js-Anwendungen kĂśnnen durch groĂe Bundles, schwaches Caching und nicht optimierte Medien langsam werden. Dieser Skill fĂźhrt Claude, Codex und Claude Code durch gezielte Performance-Verbesserungen fĂźr Produktions-Apps.
Fullstack-Apps mit Senior-Anleitung erstellen
von alirezarezvani
Fullstack-Projekte benÜtigen oft ein konsistentes Setup, Architekturentscheidungen und Qualitätsprßfungen. Dieser Skill bietet Skripte und Referenzen fßr Arbeiten mit React, Next.js, Node.js, GraphQL und PostgreSQL.
React View Transitions implementieren
von vercel-labs
React View Transitions lassen sich leicht falsch platzieren, was zu unbemerkten oder stĂśrenden Animationen fĂźhrt. Dieser Skill unterstĂźtzt Entscheidungen zu Animationen fĂźr Routen, Suspense, Listen und Shared Elements.
Produktionsreife Frontend-Funktionen entwickeln
von davila7
Frontend-Teams benÜtigen projektßbergreifend einheitliche Leitlinien fßr React und Next.js. Dieser Skill bietet Referenz-Workflows, Qualitätspraktiken und Hilfsskripte fßr die Frontend-Analyse.
Next.js App Router-Architektur planen
von 89jobrien
Next.js-Teams kÜnnen Schwierigkeiten haben, Routen, Komponenten, Datenladen und Migrationsschritte auszuwählen. Diese Skill bietet strukturierte Architekturberatung fßr App Router, Server Components und Performance.
React- und Next.js-Performance optimieren
von vercel-labs
React- und Next.js-Apps verlieren oft durch Waterfalls, groĂe Bundles und vermeidbare Re-Renderings an Geschwindigkeit. Diese Skill gibt Agenten konkrete Regeln fĂźr sicherere, performanceorientierte Ănderungen.