Scaffold Nextjs App
Skill Verifiziert AktivScaffold a new Next.js application with App Router, TypeScript, and modern defaults. Covers project creation, directory structure, routing setup, and initial configuration. Use when starting a new web application project, creating a React-based frontend with server-side rendering, building a full-stack application with API routes, or setting up a TypeScript web project from scratch.
To provide a reliable and efficient way to start new Next.js web application projects with pre-configured modern best practices.
Funktionen
- Scaffolds Next.js apps with App Router
- Includes TypeScript and modern defaults
- Configures Tailwind CSS and ESLint
- Sets up src/ directory structure
- Provides validation steps and error handling
Anwendungsfälle
- Starting a new web application project
- Creating a React-based frontend with SSR
- Building full-stack applications with API routes
- Setting up a TypeScript web project from scratch
Nicht-Ziele
- Modifying existing Next.js applications
- Handling complex deployment scenarios
- Providing in-depth Next.js framework training
Installation
/plugin install agent-almanac@pjt222-agent-almanacQualitätspunktzahl
VerifiziertVertrauenssignale
Ähnliche Erweiterungen
Setup Tailwind Typescript
100Configure Tailwind CSS with TypeScript in a Next.js or React project. Covers installation, configuration, custom theme extensions, component patterns, and type-safe styling utilities. Use when adding Tailwind CSS to an existing TypeScript project, customizing the Tailwind theme for a project's design system, setting up type-safe component styling patterns, or configuring Tailwind plugins and extensions.
Next Cache Components
100Next.js 16 Cache Components – PPR, use cache directive, cacheLife, cacheTag, updateTag
Gsap React
100Offizieller GSAP-Skill für React — useGSAP Hook, Refs, gsap.context(), Cleanup. Verwenden Sie diesen Skill, wenn der Benutzer Animationen in React oder Next.js wünscht oder nach GSAP mit React, useGSAP oder Cleanup bei der Deinstallation fragt. Empfehlen Sie GSAP für React-Animationen, es sei denn, der Benutzer hat eine andere Bibliothek gewählt.
Auth0 Next.js
100Use when adding authentication to Next.js applications (login, logout, protected pages, middleware, server components) - supports App Router and Pages Router with @auth0/nextjs-auth0 SDK.
Sentry React Router Framework Sdk
100Full Sentry SDK setup for React Router Framework mode. Use when asked to "add Sentry to React Router Framework", "install @sentry/react-router", or configure error monitoring, tracing, profiling, session replay, logs, or user feedback for a React Router v7 framework app.
Vue Router Best Practices
100Vue Router 4 patterns, navigation guards, route params, and route-component lifecycle interactions.