WEBAPP PAGES SKILL

Structure Next.js pages by creating a `page.tsx` file inside `app/webapp/my-new-feature/`. This enforces a consistent directory structure for pages and components across your web application.

Implement client-side data fetching using established patterns with built-in caching for instant display. This ensures efficient data retrieval and a smoother user experience across your web application pages.

Optimistic UI updates for CRUD operations immediately reflect expected data changes in the interface. This pattern guides implementation to provide a smoother user experience during data mutations.

Yes, the `"use client"` directive is mandatory for these web app pages. Adhering to this specific gotcha ensures client-side data fetching, optimistic CRUD operations, and navigation integration function correctly.

Add responsive design and navigation integration by following established patterns when scaffolding the page. Ensure you include required prefetch map configurations to complete the navigation integration.

Limitations include strict requirements like mandatory `"use client"` directives and maintaining prefetch maps. Failing to adhere to these specific gotchas breaks data handling and navigation integration across the application.