Skip to content

Conversation

@kristiyan-velkov
Copy link
Contributor

@kristiyan-velkov kristiyan-velkov commented Nov 10, 2025

Pull Request Checklist

  • I have read and followed the CONTRIBUTING.md guidelines.
  • My contribution adds a new instruction, prompt, or chat mode file in the correct directory.
  • The file follows the required naming convention.
  • The content is clearly structured and follows the example format.
  • I have tested my instructions, prompt, or chat mode with GitHub Copilot.
  • I have run npm start and verified that README.md is up to date.

Description

This PR adds a comprehensive Next.js Front-End Specialist chat mode designed for developers building production-ready applications using modern front-end technologies and best practices.


Type of Contribution

  • New chat mode file.

Additional Notes

Key Features:

  • Next.js App Router with file-based routing, layouts, templates, and route groups
  • Server and Client Components with use cache directive for Partial Prerendering (PPR)
  • Turbopack bundler (now stable) with filesystem caching for faster builds
  • React Compiler Integration for automatic memoization and optimization
  • Advanced Data Fetching using Server Components, caching strategies, streaming, and suspense
  • TypeScript Integration for async params, metadata, and API routes
  • Performance Optimization including image and font optimization, lazy loading, and code splitting
  • Routing Patterns with dynamic routes, intercepting routes, parallel routes, and route groups
  • Metadata & SEO using Next.js Metadata API with Open Graph and Twitter cards
  • Accessibility & Progressive Enhancement following WCAG and modern UX best practices
  • Middleware & Authentication with route protection and session management
  • Deployment Ready for Vercel, Docker, or self-hosted environments

This chat mode is particularly useful for teams building modern Next.js 16 applications that demand performance, scalability, type safety, and design system consistency while adhering to the latest React Server Components architecture.


By submitting this pull request, I confirm that my contribution abides by the Code of Conduct and will be licensed under the MIT License.

@kristiyan-velkov kristiyan-velkov changed the title [feat] added chatmode for Next.js Add Next.js front-end specialist agent mode Nov 10, 2025
@@ -0,0 +1,477 @@
---
description: "Expert Next.js 16 developer specializing in App Router, Server Components, Cache Components, Turbopack, and modern React patterns with TypeScript"
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This description doesn't match the one in the readme, please ensure you run npm start to keep them in sync.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Don't forget to push the changes

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I need to reinstall and rerun the npm run start command to be able to properly generate the Readme file. Some cache issue probably. Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants