MCP HubMCP Hub
Вернуться к навыкам

Next.js App Router & Server Components

ThamJiaHe
Обновлено 2 days ago
1 просмотров
67
11
67
Посмотреть на GitHub
Метаdesigndata

О программе

Этот навык помогает разработчикам создавать приложения на Next.js 15, используя архитектуру App Router и современные подходы, такие как серверные и клиентские компоненты, а также серверные действия. Он предоставляет рекомендации по получению данных, маршрутизации, оптимизации производительности и реализации потоковой передачи с помощью Suspense. Используйте его при создании страниц, обработке мутаций или оптимизации производительности приложений Next.js.

Быстрая установка

Claude Code

Рекомендуется
Основной
npx skills add ThamJiaHe/claude-prompt-engineering-guide -a claude-code
Команда плагинаАльтернативный
/plugin add https://github.com/ThamJiaHe/claude-prompt-engineering-guide
Git клонированиеАльтернативный
git clone https://github.com/ThamJiaHe/claude-prompt-engineering-guide.git ~/.claude/skills/Next.js App Router & Server Components

Скопируйте и вставьте эту команду в Claude Code для установки этого навыка

GitHub репозиторий

ThamJiaHe/claude-prompt-engineering-guide
Путь: skills/examples/nextjs-app-router-skill.md
0
aianthropic-claudeclaudeclaude-aiclaude-codeclaude-skills

Похожие навыки

content-collections

Мета

Этот навык предоставляет проверенную в продакшене настройку для Content Collections — TypeScript-ориентированного инструмента, который преобразует файлы Markdown/MDX в типобезопасные коллекции данных с валидацией Zod. Используйте его при создании блогов, сайтов документации или контентных приложений на Vite + React для обеспечения типобезопасности и автоматической проверки содержимого. Он охватывает всё: от настройки плагина Vite и компиляции MDX до оптимизации развертывания и валидации схем.

Просмотреть навык

polymarket

Мета

Этот навык позволяет разработчикам создавать приложения на платформе прогнозных рынков Polymarket, включая интеграцию с API для торговли и получения рыночных данных. Он также обеспечивает потоковую передачу данных в реальном времени через WebSocket для отслеживания текущих сделок и рыночной активности. Используйте его для реализации торговых стратегий или создания инструментов, обрабатывающих обновления рынка в реальном времени.

Просмотреть навык

creating-opencode-plugins

Мета

Этот навык помогает разработчикам создавать плагины OpenCode, которые подключаются к более чем 25 типам событий, таким как команды, файлы и операции LSP. Он предоставляет структуру плагина, спецификации API событий и шаблоны реализации для модулей на JavaScript/TypeScript. Используйте его, когда вам нужно перехватывать, отслеживать или расширять жизненный цикл ассистента OpenCode AI с помощью пользовательской событийно-ориентированной логики.

Просмотреть навык

sglang

Мета

SGLang — это высокопроизводительный фреймворк для обслуживания больших языковых моделей (LLM), специализирующийся на быстрой структурированной генерации JSON, regex и рабочих процессов агентов с использованием кэширования префиксов RadixAttention. Он обеспечивает значительно более высокую скорость вывода, особенно для задач с повторяющимися префиксами, что делает его идеальным для сложных структурированных результатов и многократных диалогов. Выбирайте SGLang вместо альтернатив, таких как vLLM, когда вам требуется ограниченное декодирование или вы создаете приложения с интенсивным совместным использованием префиксов.

Просмотреть навык