From the Blog
Perfect Lighthouse Scores with Cmssy
A Cmssy site is a Next.js app you own and deploy, so you control performance. Server Component blocks ship ~0 client JS, content is ISR-cached from the delivery API, and next/image handles images - that's how headless Cmssy sites hit 100/100 Lighthouse.
How to Build a Blog Posts Block
Build a blog posts block in your own Next.js app with @cmssy/react. Fetch posts from cmssy's headless delivery API, with search, pagination, and cover images. Full code walkthrough.
How to Build a Contact Form
Step-by-step: create a contact form in cmssy's Form Builder, then render it in your own headless Next.js app with @cmssy/react. Submissions land in the cmssy admin.
No-Code Website Builder Guide 2026
No-code for content, full code ownership for the site. Compare hosted no-code builders like Wix and Webflow with the headless approach and pick the right one.
AI Website Builder Guide
How AI fits a headless CMS workflow: AI-assisted content over MCP - copy, pages, translation, SEO - on a Next.js site you own and deploy. AI does not touch your code.
What is a Headless CMS?
Learn what a headless CMS is, how it works, and when to use it. Compare headless vs traditional CMS, plus how a headless CMS with a visual editor like Cmssy adds no-code editing on top of your own Next.js code.
Custom Domain Setup Guide
Point your custom domain at your deployed headless Cmssy site. DNS configuration, host-managed SSL, and the Cmssy Preview URL — complete setup guide.
How to Create a Portfolio Website
Step-by-step guide to building a professional portfolio website with cmssy's headless CMS and visual editor on your own Next.js site.
How to Build a Landing Page
Learn how to build a high-converting landing page with Cmssy: define blocks in your own Next.js app, then drag and edit content in the visual editor. Step-by-step.