React Components Ready for Next.js
Frascati generates standard React components that integrate seamlessly with Next.js projects. Export the code and drop it into your existing Next.js app.
Start building with Next.jsWhy Next.js?
Next.js is the leading React framework, used by Vercel, TikTok, Hulu, and thousands of companies
Server-side rendering (SSR) and static site generation (SSG) for SEO
File-based routing, API routes, and middleware out of the box
Image optimization, font optimization, and bundle optimization built-in
The framework Frascati itself is built with
How Frascati Uses Next.js
While Frascati's preview renders client-side React, the generated components are standard React that works in any Next.js project. Export your project, create a Next.js app, and import the components. They're compatible with both the Pages Router and App Router.
Frequently Asked Questions
Can I use exported components in Next.js directly?
Yes. The generated React components use standard patterns that work in Next.js. Import them into your pages or app directory.
Does Frascati generate Next.js-specific code?
The preview and published versions use client-side React. For Next.js-specific features (SSR, API routes, middleware), you'd add those after export.
Why not generate Next.js code directly?
Frascati focuses on generating clean UI components that work everywhere. After export, you integrate them with whichever framework you prefer — Next.js, Vite, Remix, or plain React.
Build with Next.js Today
Describe your website and get production-ready Next.js code in minutes. Free to start.
Start building for free