next

Name: next
Author: vercel-labs

📦

مراجعة المحتوى r1 آمن ⚙️ الأوامر الخارجية

Build Next.js Apps from JSON Specifications

Connecting JSON specifications to Next.js routes, layouts, and server rendering requires several integration steps. This skill guides AI assistants through the documented json-render setup.

يدعم: Claude Codex Code(CC)

🥉 78 برونزي

Maintain this Skill? Claim it 🥉 78 برونزي

التثبيت باستخدام Agent لدي

انسخ هذا الطلب إلى Agent لديك. يتضمن صفحة Skill المعتمدة وملف manifest.

طلب الوكيل

Review the Skillstore skill "next" from https://skillstore.io/skills/vercel-labs-next.md and its manifest at https://skillstore.io/api/skills/vercel-labs-next/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.

يجب أن يواصل Agent عرض خطته وطلب أي تأكيد تفرضه سياسة الأمان.

موارد مهيّأة لـ Agents

استخدم هذه الروابط عندما يحتاج AI Agent أو crawler أو script إلى سياق نظيف بدلًا من قراءة الصفحة كاملة.

تفاصيل Markdown GET /skills/vercel-labs-next.md manifest موقَّع GET /api/skills/vercel-labs-next/manifest lockfile موقَّع GET /api/skills/vercel-labs-next/lockfile

اختبرها

جارٍ استخدام "next". Outline a home and about application with a shared layout.

النتيجة المتوقعة:

The specification defines home and about routes with separate page titles.
Both routes reference one layout containing navigation and a Slot for page content.
The component registry must supply the custom components used by the specification.

جارٍ استخدام "next". Explain how a dynamic blog page loads data before rendering.

النتيجة المتوقعة:

The dynamic route uses a slug segment to identify the requested page.
An asynchronous server loader retrieves the post and returns page state.
The server component runs loaders and generates metadata before passing the resolved specification to the client renderer.
The application must implement its data access function and choose which fields may reach the client.

التدقيق الأمني

آمن

v1 • ٢٩‏/٩‏/٢٠٢٦ فتح التقرير المرتبط بالإصدار

All 40 static findings are false positives caused by Markdown fences or inline code formatting, not Ruby or shell backtick execution. The source documents routine dependency installation and Next.js integration examples. No evidence found of prompt injection, credential theft, or malicious data transfer; dependency implementations were not included in this review.

الملفات التي تم فحصها

195

الأسطر التي تم تحليلها

عناصر المراجعة

تم تجاهل الإيجابيات الكاذبة

لم يكتشف أحدث تدقيق ثابت ودلالي مكتمل أي نتائج أمنية مؤكدة. ولا يثبت ذلك أن المهارة خالية من الآثار الجانبية.

دقّقه: codex

شارك واستشهد بهذا التقرير

شارك تقرير التقييم المرتبط بالإصدار والشارة المحايدة وبطاقة التضمين والاستشهادات. تعرض Skillstore الأدلة من دون أن تقرر ما إذا كانت هذه المهارة آمنة.

فتح التقرير المرتبط بالإصدار

نسخ رابط التقرير

https://skillstore.io/skills/vercel-labs-next/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

شارة Markdown

[![Skillstore security assessment](https://skillstore.io/badges/skills/vercel-labs-next/security.svg)](https://skillstore.io/skills/vercel-labs-next?utm_source=security_passport_badge)

شارة HTML

<a href="https://skillstore.io/skills/vercel-labs-next?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-next/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

بطاقة قابلة للتضمين

<iframe src="https://skillstore.io/embed/skills/vercel-labs-next.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>

الاستشهادات الأكاديمية (APA · BibTeX · CFF)

اقتباس APA

vercel-labs. (2026). next security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/vercel-labs-next/audits/1

اقتباس BibTeX

@techreport{vercel-labs-vercel-labs-next-2026,
  author = {vercel-labs},
  title = {next security audit report (audit version 1)},
  institution = {Skillstore},
  year = {2026},
  number = {1},
  url = {https://skillstore.io/skills/vercel-labs-next/audits/1},
  note = {Author version unspecified}
}

CITATION.cff

cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "next security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
  - name: "vercel-labs"
date-released: "2026-09-29"
url: "https://skillstore.io/skills/vercel-labs-next/audits/1"
identifiers:
  - type: other
    value: "skillstore:vercel-labs-next:audit:1"
    description: "Skillstore immutable audit report identifier"

تقييم Skillstore

سبب هذا التقييم موثوقية الأدلة: متوسط

الهندسة المعمارية

قابلية الصيانة

المحتوى

المجتمع

الامتثال للمواصفات

ما الذي يمكنك بناؤه

Connect a JSON-driven frontend

Build shared layouts and route definitions, then connect the specification to Next.js page exports and a component registry.

Prototype multiple application pages

Translate a small application outline into JSON specifications with consistent navigation, page metadata, and shared layouts.

Integrate server-loaded page data

Plan asynchronous loaders, route matching, server rendering, and client hydration for pages backed by existing data services.

جرّب هذه الموجّهات

Understand the setup

Explain the minimum setup for using @json-render/next in my existing Next.js project. Identify required packages and missing application components.

Define a two-page specification

Draft a NextAppSpec for home and about pages using my existing registry. Include shared navigation, a layout Slot, and page metadata.

Connect server rendering

Integrate my specification with createNextApp and NextAppProvider. Show the catch-all route exports and identify any missing registry or handler definitions.

Review a dynamic content integration

Review my dynamic blog specification and server loader design. Check route patterns, metadata, static parameters, and layout Slots. Identify sensitive fields before client hydration.

أفضل الممارسات

Include a Slot in every shared layout and verify that referenced components exist in your registry.
Keep server utilities and client components in their documented entry points.
Review loader return values for sensitive data before they become page state, and test dynamic routes in your application.

تجنب

Copying examples without implementing the referenced registry, handlers, and data access functions.
Defining shared layouts without a Slot for page content.
Assuming server-loaded data remains private after it is passed to the client renderer.

الأسئلة المتكررة

What does this skill provide?

It provides instructions and examples for integrating @json-render/next with a Next.js application. It does not bundle the renderer or a complete project.

Which AI tools can use it?

The marketplace lists support for Claude, Codex, and Claude Code.

What dependencies are required?

The quick start installs @json-render/core, @json-render/react, and @json-render/next. You also need a Next.js project and your application components.

Does it cover dynamic routes?

Yes. It documents static paths, dynamic segments, catch-all segments, and optional catch-all segments using Next.js route conventions.

How does server rendering work?

The documented Page component matches routes, runs server loaders, generates metadata, and passes the resolved specification to the client renderer for hydration.

Why is page content missing from my layout?

Check that the layout includes a Slot component. Also verify that the route references the intended layout and the registry supplies its custom components.

تفاصيل المطور

المؤلف

vercel-labs

الترخيص

MIT

مراجعة Skillstore

تنبيه الإصدار

لم يعلن المؤلف عن إصدار.

المستودع

https://github.com/vercel-labs/json-render/tree/c2600d73908ed505e6d726f5b6f969ba8f597ce7/skills/next

مرجع

bad9dafc37d1638cd29cb9bab06d5f8dbcd0f6c2

حداثة الصيانة

٣٠‏/٩‏/٢٠٢٦

الاستخدام

0 تنزيلات · 0 مشاهدات

بنية الملفات

📄 SKILL.md