Which version of Next.js does the export use?

The export is an App Router project with a package.json you can install and build. Check its package.json for the exact versions it was generated with.

Can I add the pages to an existing Next.js app?

Yes. Each page is an ordinary route with plain CSS, so you can copy routes into another App Router project and keep or replace the styles.

Does it use Tailwind or a component library?

No. The export uses plain CSS per page and breakpoint, so it has no styling dependency to install or upgrade.

Can I host the Next.js export on Vercel?

Yes, or on Cloudflare, Netlify or any host that runs Next.js. Note that Vercel's free Hobby plan is for personal, non-commercial use, so a business or client site there needs a paid plan, or export static HTML for a free static host instead.

AI website builder for Next.js

An AI website builder that exports Next.js

FNJ's AI website builder designs a multi-page marketing site on a visual canvas and exports it as a Next.js App Router project: one route per page, page metadata in each route, and no dependency on FNJ. Run it locally, deploy it to Vercel, Cloudflare or any Node host, or drop it into an existing Next.js codebase.

Start building Watch a demo

What the Next.js export contains

The export is a standard project you can read in a minute.

An App Router route per page, with each page's title, description and Open Graph tags as route metadata.
Plain CSS for every breakpoint: desktop, tablet and phone layouts as media queries, no runtime styling library.
Fonts loaded from Google Fonts with the families the design uses.
Your uploaded images in /public, referenced from the pages.
No FNJ package, script or API call.

Why designers and developers use it

Designing a landing page by prompting a code generator means reading code to judge a layout. FNJ lets you judge the design on a canvas first, at the three widths that matter, and only then export. Developers get a clean starting point instead of a design file to rebuild by hand.

If you'd rather not run a Next.js build at all, the same site exports as static HTML.

From canvas to repository

Push the export to a branch of your own GitHub repository straight from the editor. FNJ writes to a dedicated branch and folder, so your default branch is untouched until you review and merge.

FNJ's AI website builder at a glance

Starts from: Your description plus up to 3 references: screenshots or links of sites you like
Designs: Every page at desktop (1440px), tablet (810px) and phone (390px) widths
Editing: Ask for changes in plain words, or edit any element by hand on the canvas
Export: A Next.js project, static HTML, or a push to your own GitHub repository
Hosting: Yours: Cloudflare Pages, Vercel, Netlify or any static host. No FNJ runtime in the code
Price: From $25/month, or $29 once for 50 credits that never expire
AI account: None needed: FNJ runs the AI for you, no API key or AI subscription

How it works

01
Show and tell
Add up to 3 screenshots or links of sites you'd like yours to look like, then say what the business is and which pages you need.
02
Watch it build
The AI builder plans the pages, palette and type, then builds each page on the canvas, section by section, while you watch.
03
Refine and ship
Ask for changes in plain words or edit by hand, then download the code or push it to your GitHub.

For Next.js: questions

Which version of Next.js does the export use?: The export is an App Router project with a package.json you can install and build. Check its package.json for the exact versions it was generated with.
Can I add the pages to an existing Next.js app?: Yes. Each page is an ordinary route with plain CSS, so you can copy routes into another App Router project and keep or replace the styles.
Does it use Tailwind or a component library?: No. The export uses plain CSS per page and breakpoint, so it has no styling dependency to install or upgrade.
Can I host the Next.js export on Vercel?: Yes, or on Cloudflare, Netlify or any host that runs Next.js. Note that Vercel's free Hobby plan is for personal, non-commercial use, so a business or client site there needs a paid plan, or export static HTML for a free static host instead.

More from the AI website builder

See the AI website builder and a live demo

Show it a site you love. Get yours.