Notre avis
Ce skill fournit des modèles et bonnes pratiques pour développer des applications fullstack avec Next.js, incluant le routage, le rendu côté serveur (SSR) et statique (SSG), les routes API, et le middleware.
Points forts
- Routage basé sur les fichiers, dynamique et API intégré
- Support natif des composants serveur et du SSR/SSG
- Middleware flexible pour l'authentification et les réécritures
- Déploiement simplifié avec des plateformes comme Vercel
Limites
- Limité aux versions Next.js 13-15
- Le middleware a des contraintes d'exécution en périphérie de réseau
- Les routes API peuvent souffrir de démarrages à froid
Utilisez ce skill lorsque vous construisez des applications React fullstack nécessitant du SSR/SSG, des routes API ou un middleware personnalisé.
Évitez ce skill pour des sites purement statiques sans logique serveur, ou si vous utilisez React sans Next.js.
Analyse de sécurité
SûrThe skill provides informational guidance on Next.js patterns and does not contain any executable code, destructive commands, or instructions to exfiltrate data. It only uses safe tools like documentation-reader and web-search.
Aucun point d'attention détecté
Exemples
Create a Next.js page that fetches a blog post using getServerSideProps and renders it with SSR.Implement a Next.js API route at /api/users that returns a list of users from a database.Add middleware to Next.js that checks for a valid JWT token and redirects unauthenticated users to /login.name: next description: "Next.js framework patterns and best practices for fullstack React applications. Routing, SSR/SSG, API routes, middleware, deployment. Trigger: When building with Next.js, configuring SSR/SSG, or deploying Next.js apps." skills:
- conventions
- react
- typescript
- architecture-patterns
- humanizer dependencies: next: ">=13.0.0 <15.0.0" react: ">=18.0.0 <19.0.0" allowed-tools:
- documentation-reader
- web-search
Next.js Skill
When to Use
- Building React apps with SSR/SSG
- Implementing API routes or middleware
- Deploying fullstack React projects
Critical Patterns
- Use file-based routing and dynamic routes
- Prefer server components for data fetching
- Leverage middleware for auth and rewrites
Decision Tree
- SSR/SSG needed? → Use getServerSideProps/getStaticProps
- API needed? → Use /pages/api or app/api
- Custom routing? → Use dynamic routes
Edge Cases
- Incremental static regeneration
- Middleware edge limitations
- API route cold starts
Expert Next.js App Router
Developpement
Un skill qui transforme Claude en expert Next.js App Router.
Générateur de README
Developpement
Crée des README.md professionnels et complets pour vos projets.
Rédacteur de Documentation API
Developpement
Génère de la documentation API complète au format OpenAPI/Swagger.