Learn more about Builder.io + Next.js here
git clone https://github.com/BuilderIO/builder.git
cd builder/examples/next-js-simple
Signup for Builder.io, then go to your organization settings page, create a blank space, and copy its public API Key and add it as the value for BUILDER_PUBLIC_KEY
into the .env files (.env.production
and .env.development
);
BUILDER_PUBLIC_KEY=...
npm install
npm run dev
A development server will start on http://localhost:3000
Go to your new space settings and change the site url to your localhost http://localhost:3000
for site editing. Learn more about setting up preview URLs
Create a new page entry, assign any URL (can be nested /sub/path/to/page
), publish and preview.
You can deploy anywhere you like, but for this project we recommend Vercel.