9/18 | Validate feature ideas earlier with AI-driven prototypes

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

Builder.io
Builder.io
Contact sales

9/18 | Validate feature ideas earlier with AI-driven prototypes

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

Builder.io
Builder.io
< Back to blog

Latest News

Builder Drop #16: Use Folders to organize content

August 3, 2023

Written By Builder Team

This past month we’ve launched a new developer experience for integrating Builder with Next.js apps. We’ve added the ability to organize your content into folders and a new Artboard mode.

Product Releases and Updates

Get started with Next.js and Builder with a few clicks

Integrate Builder with a Next.js app and try the Builder Devtools with a single command: npm init builder.io@latest

Better organize Builder content with folders

Find content more easily by creating and organizing folders in the Content area of the Builder UI.

Zoom and scroll in the visual editor like in Figma

Navigate and get a better perspective on long pages by selecting “artboard mode” in the visual editor.

New and Updated Documentation

The Builder SDKs

Builder has lots of SDKs for many of the most popular frameworks. Discover your favorite!

SDK Gen 1 versus Gen 2

Compare and choose the right imports and helpers for the new generation of Builder SDKs.

SSO with Azure

Get step-by-step instructions for setting up Single-Sign-On with Azure and Builder

What to Watch

How to Build a modern site with Next.js and Builder live stream with Jack Herrington

Watch Builder’s Yoav Ganbar teach Youtuber, and Principal Full Stack Engineer Jack Herrington to connect Builder’s visual headless CMS to a Next.js site.

From the blog

Drag and Drop with Next.js and Builder

Give your Next.js components a drag and drop UI for your team to build pages visually.

Builder Devtools for Next.js

Check out the streamlined process for integrating Builder into any Next.js app.

Introducing Valibot, a < 1kb Zod Alternative

This schema library uses code splitting and compression to maintain a super-small size while validating your Typescript schemas

Share

Twitter
LinkedIn
Facebook
Share this blog
Copy icon
Twitter "X" icon
LinkedIn icon
Facebook icon

Visually edit your codebase with AI

Using simple prompts or Figma-like controls.

Try it nowGet a demo

Design to Code Automation

A pragmatic guide for engineering leaders and development teams


Continue Reading
design9 MIN
How to generate (actually good) designs with AI
September 17, 2025
AI9 MIN
7 Levels of Context Engineering for Designers
September 16, 2025
Design to Code8 MIN
Git Branching for Designers
September 11, 2025

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

  • 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

  • Careers

  • Contact Sales

Security

Privacy Policy

SaaS Terms

Compliance

Cookie Preferences

YouTube icon
Github icon
Blsky Icon
Twitter "X" icon
LinkedIn icon
Feed Icon
Gartner Cool Vendor 2024