Guide Next.js project setup, optimization, and deployment best practices.
npx skills add https://github.com/aliepratama/ecofin --skill nextjs-upstream
Please help me install this Agent Skill. Skill: nextjs-upstream Source: https://github.com/aliepratama/ecofin/tree/main/.agents/skills/nextjs/upstream Command: npx skills add https://github.com/aliepratama/ecofin --skill nextjs-upstream
This Skill provides comprehensive guidelines and checklists for developing, optimizing, and maintaining Next.js applications according to official best practices.
Review the documentation to implement structured, optimized, and secure Next.js projects, following the criteria outlined in the core modules.
High-intent search queries and answers about installing and using this skill.
Next.js project setup best practices involve standardizing file structures, naming conventions, and directives to align with official framework standards for maintainable code organization. This ensures project directories remain predictable as the application scales.
Next.js performance optimization requires applying specific strategies for image handling, font management, bundling, and script loading to reduce layout shift and improve core web vitals. Proper asset loading directly impacts rendering speed.
Next.js error handling utilizes error boundaries and advanced debugging patterns to troubleshoot hydration mismatches and runtime issues effectively. Structured debugging approaches isolate component failures and prevent full application crashes.
Next.js self-hosting deployment uses standalone output configurations and cache management strategies to ensure scalable production builds. This minimizes server footprint and optimizes runtime performance for dedicated infrastructure.
Next.js best practices apply to both new setups and existing applications through comprehensive checklists for code quality, performance tuning, and deployment. You can incrementally adopt these standards to refactor and optimize current projects.
GemachDAOScaffold a React or Next.js project with a GDEX SDK provider.
Mte90Optimize Next.js development with Turbopack, standalone Docker builds, and CI linting.
TNHoang2708Review React and Next.js components for performance optimization improvements.
bingggOrganize React web frontend projects with standard src/dist structure and CloudBase deployment.
