Next.js-16-Apps korrekt erstellen
Next.js 16 hat Routing, params, Proxy-Dateien und Caching-Muster verändert. Diese Fähigkeit gibt Claude, Codex und Claude Code gezielte Anleitung für korrekte Implementierungen.
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 "building-nextjs-apps" from https://skillstore.io/skills/asmayaseen-building-nextjs-apps.md and its manifest at https://skillstore.io/api/skills/asmayaseen-building-nextjs-apps/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.
„building-nextjs-apps“ wird verwendet. Eine Anfrage zum Erstellen eines Dashboards mit Aufgabendetailseiten.
Erwartetes Ergebnis:
Eine Next.js-16-Struktur mit asynchronen dynamischen Routen, serverseitigem Laden von Daten, API-Routen-Anleitung und Hinweisen zur UI-Komposition.
„building-nextjs-apps“ wird verwendet. Ein Projekt, das noch middleware.ts und synchrone params verwendet.
Erwartetes Ergebnis:
Ein Migrationsplan, der middleware in proxy umbenennt, auf Route-Props wartet und betroffene Handler sowie Metadaten aktualisiert.
„building-nextjs-apps“ wird verwendet. Ein Formular, das datetime-local-Werte für Aufgabenfristen verwendet.
Erwartetes Ergebnis:
Ein Ansatz für UTC-Speicherung und lokale Anzeige, der Zeitzonenverschiebungen zwischen Browser-, API- und Datenbankschichten verhindert.
Most static findings are false positives caused by Markdown backticks, JavaScript template literals, documented fetch calls, configuration access, and benign route parameters. Two unpinned npx command ranges create medium supply-chain risk. Semantic review also found a high-severity example that returns an HttpOnly session token in a response header.
Dies sind echte lokale Fähigkeiten, die für diese Fähigkeit erwartet werden können; daher müssen sie überprüft werden, werden jedoch nicht als bestätigtes bösartiges Verhalten gezählt.
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/asmayaseen-building-nextjs-apps/audits/9?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report[](https://skillstore.io/skills/asmayaseen-building-nextjs-apps?utm_source=security_passport_badge)<a href="https://skillstore.io/skills/asmayaseen-building-nextjs-apps?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/asmayaseen-building-nextjs-apps/security.svg" alt="Skillstore security assessment" loading="lazy"></a><iframe src="https://skillstore.io/embed/skills/asmayaseen-building-nextjs-apps.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Asmayaseen. (2026). building-nextjs-apps security audit report (audit version 9) [Author version unspecified]. Skillstore. https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9@techreport{asmayaseen-asmayaseen-building-nextjs-apps-2026,
author = {Asmayaseen},
title = {building-nextjs-apps security audit report (audit version 9)},
institution = {Skillstore},
year = {2026},
number = {9},
url = {https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9},
note = {Author version unspecified}
}cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "building-nextjs-apps security audit report (audit version 9)"
version: "unspecified"
type: report
authors:
- name: "Asmayaseen"
date-released: "2026-07-23"
url: "https://skillstore.io/skills/asmayaseen-building-nextjs-apps/audits/9"
identifiers:
- type: other
value: "skillstore:asmayaseen-building-nextjs-apps:audit:9"
description: "Skillstore immutable audit report identifier"
Erstelle ein App Router-Projekt mit TypeScript, korrekten Routenmustern und moderner Frontend-Struktur.
Aktualisiere asynchrone Route-Props, Proxy-Dateien, Turbopack-Einstellungen, Cache-Optionen und die Image-Nutzung.
Wende markante Typografie-, Layout-, Farb- und Bewegungsanleitungen auf eine Next.js-Oberfläche an.
Erstelle ein einfaches Next.js 16 App Router-Projekt mit TypeScript. Füge eine Startseite, ein Layout und eine dynamische Route hinzu.
Prüfe diese Next.js-Seite und aktualisiere params und searchParams für Next.js 16. Erkläre jede erforderliche Änderung kurz.
Implementiere ein Next.js 16 proxy.ts und ein API-Routenmuster für authentifizierte Dashboard-Anfragen mit httpOnly-Cookies.
Prüfe dieses Next.js-15-Projekt für ein Upgrade auf Next.js 16. Priorisiere Änderungen an Routing, Cache, Turbopack, Image und Proxy.
Autor
AsmayaseenLizenz
MIT
Skillstore-Revision
r2
Versionshinweis
Der Autor hat keine Version angegeben.
Ref.
89edfdc710d0846129dcee6a929477b04f08052c
Aktualität der Wartung
24.7.2026
Nutzung
13 Downloads · 428 Aufrufe
Dateistruktur
Zuverlässige Agenten-Tools entwerfen
Agenten scheitern, wenn Tool-Namen, Eingaben, Ausgaben oder Fehler mehrdeutig sind. Dieser Skill bietet praktische Muster für Tool-Beschreibungen, Schemas, Antwortformate und Tests.
Softwareprobleme systematisch debuggen
Unstrukturiertes Beheben von Bugs verschwendet Zeit und kann den eigentlichen Fehler verdecken. Dieser Skill führt Claude, Codex und Claude Code durch evidenzbasierte Ursachenanalyse.
Zuverlässigkeit von Produktionsservices verbessern
Produktionsteams benötigen klare Zuverlässigkeitsziele und wiederholbare Incident-Praktiken. Diese Skill stellt SRE-Vorlagen für SLOs, Error Budgets, Alerting und Postmortems bereit.
shadcn/ui-Oberflächen in Next.js erstellen
React-Teams benötigen konsistente UI-Muster, die mit modernem Next.js funktionieren. Dieser Skill bietet Anleitungen zur Einrichtung von shadcn/ui, Komponentenbeispiele, Formularvalidierung, Tabellen, Sidebars und Muster für den Dunkelmodus.
Streaming-KI-Chatoberflächen erstellen
KI-Chat in Echtzeit wirkt fehlerhaft, wenn Benutzer keinen Fortschritt, Antwortstatus oder UI-Änderungen sehen können. Diese Skill bietet Claude, Codex und Claude Code Muster für Streaming-Lebenszyklen, Fortschrittsereignisse, Client-Effekte und Client-Tools.
Kontextdegradation diagnostizieren
Lange KI-Sitzungen können an Genauigkeit verlieren, wenn der Kontext wächst, Konflikte enthält oder ablenkendes Material einschließt. Diese Skill hilft Claude, Codex und Claude Code, Degradationsmuster zu erkennen und praktische Gegenmaßnahmen auszuwählen.
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-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.
Typsichere React-Komponenten erstellen
von softaworks
React-TypeScript-Arbeit erfordert häufig präzise Typen für Events, Hooks und Routen. Diese Skill bietet fokussierte Muster für typisierte Komponenten, React 19 APIs und Routing.
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.