Generate Next.js applications from JSON specifications with server-side rendering.
npx skills add https://github.com/hasnaxyz/open-render --skill next-hasnaxyz
Please help me install this Agent Skill. Skill: next Source: https://github.com/hasnaxyz/open-render/tree/main/skills/next Command: npx skills add https://github.com/hasnaxyz/open-render --skill next-hasnaxyz
This Skill turns structured JSON specifications into complete Next.js applications, reducing the manual work of building routes, layouts, metadata, and server-rendered pages by hand.
Create a NextAppSpec for your app, connect it to createNextApp and NextAppProvider, and render the generated Next.js pages with your registry and handlers.
High-intent search queries and answers about installing and using this skill.
To generate a Next.js application from a JSON specification, define your routes, layouts, pages, and metadata in a single NextAppSpec and pass it to createNextApp. The Skill resolves route matching and data loaders on the server before hydration to output a complete multi-page app.
Yes, server-side rendering and hydration for Next.js routes are fully supported. The createNextApp integration resolves metadata and data loaders on the server during the initial render, ensuring your AI-generated multi-page applications hydrate efficiently on the client.
You can generate dynamic routes, catch-all routes, and optional catch-all routes using JSON-driven Next.js specs. The NextAppSpec definitions support complex navigation structures, including built-in Slot-based layouts and Link components for seamless app routing.
The best way to structure reusable layouts and metadata for multi-page Next.js apps is by consolidating them into a single NextAppSpec. This JSON specification centralizes configuration, allowing createNextApp to automatically resolve and apply shared layouts and metadata across all generated routes.
You can build a documentation site or dashboard from a JSON schema in Next.js by defining the required pages and navigation within a NextAppSpec. The Skill handles route generation, server-side data loading, and Slot-based layouts to deliver a complete multi-page product experience.
Using JSON specifications for Next.js route generation requires strict adherence to the NextAppSpec format and a configured registry of handlers. Complex custom server logic outside the provided Slot and Link components may fall outside the standardized SSR-aware rendering pipeline.
zaid-khan-codeGenerate PDF documents from JSON specifications using @json-render/react-pdf.
WalshingtonBuild and deploy TanStack Start full-stack React apps on Cloudflare Workers.
quanngynxCreate AI chat interface components for Next.js and shadcn/ui projects.
seanmcquaidImplement Next.js 15 App Router patterns for server-side rendering, API routes, and middleware.
