Sign up: Designing Enterprise UI Directly on Production Code

What are best AI tools? Take the State of AI survey

Builder.io
Builder.io
Contact sales

Sign up: Designing Enterprise UI Directly on Production Code

What are best AI tools? Take the State of AI survey

Builder.io
Builder.io
< Back to blog

Developer Tools

Builder Devtools for Next.js

July 26, 2023

Written By Adam Bradley & Vishwas Gopinath

In our continuous quest to enhance your web development experience, we are thrilled to announce the latest update that extends the compatibility of Builder Devtools to Next.js.

We understand that as a web developer or designer, your time is precious, and efficiency is paramount. That's why we've gone the extra mile to streamline the integration process. Builder Devtools provides you with a smoother and more user-friendly experience, giving you more time to focus on what truly matters — bringing your creative vision to life.

Features

With this exciting update, Builder Dev Tools brings a host of features to enhance your web development workflow with Next.js.

Seamless CLI Integration

Getting started is a breeze! Seamlessly integrate Builder Devtools into your Next.js project with a basic command, eliminating the need for manual setup of various files.

User-friendly UI wizard

Simplicity is key to improving developer productivity. To make the integration process as smooth as possible, we've introduced an intuitive UI wizard. This user-friendly interface guides you step-by-step, ensuring you have a hassle-free experience while setting up Builder Devtools for your Next.js project.

Automatic code generation and setup

Builder Devtools automatically generates the necessary code and sets up your Builder organization and spaces. This automated setup saves you valuable time and effort, so you can hit the ground running with Builder's powerful features and functionality.

Component registration

Maintaining control over your components has never been easier. Builder Devtools empowers you to effortlessly register and unregister custom components directly from the UI. Drag and drop your own components into the editor with minimal effort, making the most out of Builder's visual development capabilities.

What’s next

If you're excited to explore the incredible features of the new Builder Devtools for Next.js, we recommend checking out our comprehensive blog post, "Drag and Drop with Next.js”. In that article, you'll discover how to create user interfaces effortlessly using the Builder Devtools and the intuitive drag-and-drop editor. Unleash your creativity and build exceptional web experiences with Builder and Next.js.

Share

Twitter
LinkedIn
Facebook

Generate high quality code that uses your components & design tokens.

Try it nowGet a demo

Continue Reading
AI8 MIN
Subagents: When and How to Use Them
WRITTEN BY Alice Moore
February 3, 2026
AI9 MIN
Best LLMs for coding in 2026
WRITTEN BY Matt Abrams
January 28, 2026
AI8 MIN
Lovable Alternatives for 2026
WRITTEN BY Alice Moore
January 27, 2026

Product

Visual CMS

Theme Studio for Shopify

Sign up

Login

Featured Integrations

React

Angular

Next.js

Gatsby

Resources

User Guides

Developer Docs

Forum

Blog

Github

Get In Touch

Chat With Us

Twitter

Linkedin

Careers

© 2020 Builder.io, Inc.

Security

Privacy Policy

Terms of Service

Get the latest from Builder.io

By submitting, you agree to our Privacy Policy

  • Fusion

  • Publish

  • Product Updates

  • Design to Code

  • Headless CMS

    Multi-Brand CMS

  • Landing Pages

  • Web Apps

  • Prototypes

  • Marketing Sites

  • Headless Commerce

  • Documentation

  • Fusion Docs

  • Publish Docs

  • Figma AI to Production Code

  • AI Prototyping for Product Managers

  • Figma to Storybook

  • Figma to App Converter

  • Blog

  • Webinars

  • Guides

  • Case Studies

  • Community Forum

  • Partners

  • Affiliate Program

  • CMS Integrations

  • CMS Blueprints

  • Glossary

  • Figma to Code Guide

  • Headless CMS Guide

  • Headless Commerce Guide

  • Composable DXP Guide

  • About

  • News

  • Careers

  • Contact Sales

Security

Privacy Policy

SaaS Terms

Trust Center

Cookie Preferences

YouTube icon
Github icon
Blsky Icon
Twitter "X" icon
LinkedIn icon
Feed Icon