Vercel Labs launches json-render/next to build entire apps from prompts

Vercel

Mar 28, 2026 · Updated Apr 25, 2026

Vercel Labs released @json-render/next, a package that turns AI-generated JSON specs into complete Next.js applications with routes and layouts. By using a structured JSON schema instead of raw code generation, developers can build generative interfaces that are predictable, safe, and fully integrated with server-side features.

Vercel Labs expanded its json-render framework with @json-render/next, moving from individual components to full application architectures. This package allows a single AI-generated JSON specification to define an entire multi-page app, including layouts, routing, server-side rendering, and metadata. It treats the application structure as a data-driven schema.

Most generative UI tools rely on AI writing raw code, which risks unreliable or unsafe output. This framework uses a guardrailed approach where developers define a component catalog first. The AI only generates JSON instructions to assemble those components, ensuring the output matches your predefined components and remains type-safe.

Use this to build AI website builders, internal tool generators, or white-label SaaS platforms. The framework supports streaming via SpecStream for progressive rendering. The project is open-source under the Apache-2.0 license and includes pre-built components for shadcn/ui, React Three Fiber, and terminal interfaces via Ink.

View the full update on github.com

Chris Tate

@ctatedevMar 27

New: @𝚓𝚜𝚘𝚗-𝚛𝚎𝚗𝚍𝚎𝚛/𝚗𝚎𝚡𝚝 Prompt → JSON → Full Next.js app Routes, layouts, SSR, metadata, data loaders, static generation. For AI website builders. Internal tool generators. CMS-driven apps. White-label SaaS. One JSON spec, entire multi-page app. https://t.co/2KeCIxkH1U

8262

View on X

Every HeadsUpAI update is written based on its original source and reviewed before it's published. Read our editorial standards →

See all AI news & updates from Vercel →

Keep reading

Vercel Adds Custom Directives to json-render for Dynamic Generative UI Logic

Vercel released a new API for its json-render framework that allows developers to define custom logic directives that resolve at render time. This shift enables AI models to generate interfaces with built-in dynamic behaviors like data formatting and mathematical calculations without writing raw code.

Vercel v0 Now Prompts and Launches Next.js Shopify Stores

Guillermo RauchJun 5

Vercel v0 Now Prompts and Launches Next.js Shopify Stores

Vercel has integrated its v0 generative UI tool with Shopify, allowing users to prompt and launch Next.js storefronts directly within v0. This partnership aims to simplify the creation of scalable e-commerce sites, addressing the traditional challenge of choosing between easy monoliths and costly headless solutions.

Next.js 16.2 launches AI-aware features to help coding agents build apps

Next.jsMar 30

Next.js 16.2 launches AI-aware features to help coding agents build apps

Next.js 16.2 introduces a suite of features designed to make the framework AI-aware, including bundled documentation and terminal-based browser debugging. By treating AI agents as first-class developers, the update significantly improves the reliability and autonomy of agentic coding tools.

Vercel Launches Plugin Giving Coding Agents 47+ Platform Skills

Vercel DevelopersMar 19

Vercel Launches Plugin Giving Coding Agents 47+ Platform Skills

Vercel launched a plugin for coding agents that gives Claude Code and Cursor platform-wide knowledge of Vercel's ecosystem. With 47+ specialized skills and three specialist sub-agents, agents can now handle Vercel-specific tasks with far less manual context setup.