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

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

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