builder.io·3yGenerate Figma Designs with AI
You can now generate designs inside of Figma with AI, with the latest version of the Builder.io Figma plugin. You can be as detailed and specific with prompts as you like. For example, in this prompt, I just said “I want a product page that looks like it's on everlane.com.
builder.io·3yA Guide to Choosing the Best Jamstack CMS
Jamstack is a modern web development architecture that emphasizes performance, security, and an enhanced developer experience. It combines client-side JavaScript, reusable APIs, and prebuilt Markup. Traditional CMSs lack flexibility for delivering content across emerging technologies, while headless CMSs separate content creation and display layers. Jamstack offers benefits such as faster builds, enhanced security, SEO advantages, and easier collaboration between developers and non-technical users. When choosing a Jamstack CMS, flexibility, a modern developer experience, and editorial workflow capabilities are important factors to consider.
Community Picks·3y13 Open Source Headless CMS You Should Consider for Your Next Project
Learn about headless content management systems (CMS) and discover 13 open-source platforms to consider for your next project. These CMS offer flexibility, enhanced security, scalability, and more. Explore popular options like Strapi, Ghost, Directus, and Netlify CMS, among others.
builder.io·3yWhat is a Headless CMS: a Visual Guide
A headless CMS is a software platform that enables users to create, edit, organize, and publish digital content. Traditional CMS platforms, including WordPress, Joomla, and Drupal, have been popular due to their ease of use and integration of content creation and presentation.
builder.io·3yRouting and SEO Metadata in Next.js 13
The Metadata API allows you to define metadata for each page, ensuring accurate and relevant information is displayed when your pages are shared or indexed. By default, the root layout of a Next.js application created using includes a metadata object in the file. Metadata can be exported from both a file and a file.
builder.io·3yIntroducing Builder Devtools
Builder Devtools is a package to help developers streamline the process of getting started with Builder’s Visual Headless CMS. The Devtools take advantage of having a dev server, offering read-write access to the file system and the ability to post content updates to Builder.io accounts.
builder.io·3yDrag and Drop with Next.js and Builder
Next.js allows you to drag and drop components into your Next.js app without having to dive deep into code. Builder.io offers an array of built-in components that you can use effortlessly. These components are designed to simplify the development process, allowing marketers, designers, or product people to create engaging user interfaces without needing a developer.
freeCodeCamp·2yUse Remix and Strapi to Create Full Stack Apps
A full course on creating full stack apps with Remix and Strapi is available on the freeCodeCamp.org YouTube channel. Remix is a modern React framework that enhances web application performance and developer experience, while Strapi is a flexible, open-source Headless Content Management System (CMS) that simplifies content management and delivery. The course covers setting up the project environment, creating and managing routes in Remix, integrating Strapi as the headless CMS, and practical skills like form validation and error handling.
asayer·3yBuild a Twitter clone with Strapi
Strapi is a headless CMS capable of being integrated into web and mobile applications. With Strapi, the developer can easily build flexible user interfaces and append content from the CMS. This article will demonstrate Strap iCMS in action by building a Twitter clone application. The Twitter clone will have a newsfeed and tweet creation section.
Community Picks·3yAmplication vs Supabase vs Appwrite, free BaaS comparison
This post compares headless content management systems and Back-end-as-a-Service (BaaS), highlighting their differences, focus, customization options, and cost. It also provides an overview of three open-source BaaS solutions: Amplication, Appwrite, and Supabase.
builder.io·3yA visual guide to headless CMS, server actions and React with TypeScript!
A visual guide to headless CMS, server actions and React with TypeScript. The official React documentation now features a new Using TypeScript page. Node.js v20.6.0 will include built-in.env file support. We’re thrilled to announce the first of many knowledge pages.
builder.io·3yMoving from Wordpress to Builder.io
Migrating content from your existing CMS to Builder.io can be straightforward and fast. Using these techniques, you can smoothly migrate hundreds or even thousands of pages as many of our customers do. Visually build with your components.io is a visual editor that connects to any site or app and lets you drag and drop with your Components.
Community Picks·3yThe Complete Guide to Becoming a Web Developer: Part 9
The Complete Guide to Becoming a Web Developer: Part 9 Welcome, tech enthusiasts and web developers, to another part of the series ‘Becoming a web developer’ This article will dive into an exciting journey exploring the world of MongoDB Cloud Atlas, Node.js, and Mongoose. To complement MongoDB and Node.
Vercel·3yVisual Editing: Click-to-edit content for headless CMSes on Vercel – Vercel
Vercel introduces Visual Editing, allowing users to edit content directly on their Vercel site and synchronize changes back to their headless CMS without needing to access the CMS dashboard. It enables faster collaboration and provides a seamless content management experience for headless CMS users.
LogRocket·3yUsing Medusa as a Shopify alternative
Medusa is an open source, headless ecommerce engine that prides itself as an alternative to Shopify. The term headless CMS implies building a content repository or backend with the ability to integrate with any frontend of choice. Medusa has a built-in customizable feature that allows customers to customize their ecommerce store.
Prismic·3yThe Best Next.js CMS: Build and Scale Your Website Quickly
Learn about the benefits of using Prismic with Next.js to build high-quality websites and applications. Discover how Prismic's integrations, component-driven development, visual page builder, great developer experience, and proven record of quality websites make it a great choice for Next.js. Find out how to get started with Prismic and Next.js.
LogRocket·3yUsing Contentful CMS with Next.js
Contentful is a headless CMS that allows users to manage and deliver their content through APIs rather than building and maintaining a traditional website or application. Next.js provides several features that can make it easier to work with Contentful. Contentful comes with a wide range of features and tools that can be useful when building a Next.
Prismic·2yHeadless CMS: A Complete Introduction
Headless CMS is a modern web development approach that separates the frontend and backend of a content management system. It provides flexibility, scalability, and the ability to reach audiences on various digital platforms. It is beneficial for managing large content volumes, delivering content across multiple channels, and integrating with modern development frameworks. However, it requires more technical expertise and can involve higher initial development costs.
asayer·3yStrapi and Firebase -- A Comparison
Strapi is an open-source headless CMS (Content Management System) that allows developers to create APIs quickly and easily. It has a user-friendly interface, allowing developers and content creators to manage content efficiently. Users can create new user accounts, edit and delete user accounts and assign roles and permissions to those accounts.
