September 2025 Summaries

Kevin Green developed a streamlined workflow for managing email campaigns by integrating Sanity, a content operating system, with Klaviyo, an email delivery platform, to eliminate the inefficiencies caused by context switching. By treating email campaigns as documents, he allows content teams to work within their familiar environment while utilizing Klaviyo's robust delivery and analytics capabilities. This integration includes a custom preview pane in Sanity that renders the exact HTML that will be sent, ensuring consistency between previews and final emails. The workflow uses Sanity Functions to automate the creation and sending of campaigns, divided into two functions: one for drafting and another for sending, which prevents accidental sends and allows for precise scheduling. This setup not only saves time per campaign but also enhances content reusability and consistency, making it efficient for teams where content and email marketing overlap. However, it might not be suitable for teams with dedicated email marketers or those requiring complex segmentation and specialized analytics.

E-commerce teams face increasing pressure to deliver personalized, story-driven content across multiple channels, but traditional content systems are often inadequate for the operational demands of real-time campaigns. Leading brands like Tecovas, SKIMS, Lady Gaga, and Sanetti are overcoming these challenges by implementing a Content Operating System (COS) that integrates structured content, flexible workflows, and automation-ready architecture. This COS empowers editorial teams to independently manage content updates, create campaigns, and launch product drops efficiently, reducing reliance on developers and minimizing manual processes. By treating content as data, brands can automate translations, optimize content for various market needs, and maintain synchronization across platforms like Shopify and Sanity, ensuring seamless user experiences. The result is a scalable, adaptable content strategy that supports high-velocity e-commerce operations without the need for extensive maintenance or additional headcount.

The quickstart guide for Sanity provides a step-by-step process for setting up a new Sanity Studio project from scratch using the Sanity CLI. The guide details the commands needed to initialize the project on a local computer with various package managers like npm, pnpm, yarn, or bun, and explains how to run the Sanity Studio locally by starting the development server. It also instructs users on accessing the Studio through a web browser at a specific local address and logging in using the same authentication method employed for the CLI. The guide implies a subsequent step of defining a schema and asks for user feedback on the helpfulness of the page.

Styled-components, a popular library for styling React applications, has faced a performance issue due to not implementing React 18's `useInsertionEffect` hook, designed to optimize CSS-in-JS performance. With the library's maintainer, Evan Jacobs, announcing its maintenance mode and advising against new projects using styled-components, existing applications like those at Sanity and Linear faced performance challenges. Sanity addressed this by forking the library and implementing the necessary optimizations, achieving up to 40% faster initial component rendering. The fork, which embraces React 19's architecture and improves streaming SSR, is a temporary solution to help teams maintain performance while planning migrations to modern styling solutions. This effort underscores the challenges and community-driven support within open-source projects, offering a bridge for teams to transition without immediate rewrites.

Embarking on a personal project to create an online portfolio for displaying and potentially selling ceramics, an individual with no prior experience in web development or coding successfully built a live website using tools like Sanity, Next.js, Vercel, GitHub, and AI-powered Cursor. Despite initial challenges, including a lack of understanding of deployment processes, debugging issues, and file structure confusion, the individual leveraged Sanity Studio for content management and integrated it with Next.js for the frontend, aided by Cursor's suggestions and error-fixing capabilities. The project, characterized by persistence through multiple deployment attempts and learning on-the-go, resulted in a professional ceramics portfolio site that is continuously updatable without requiring deep coding knowledge. This experience demonstrated that starting with zero experience is sufficient to achieve tangible results, emphasizing the importance of taking the first step and the supportive role of advanced tools in enabling beginners to create functional, production-ready websites.

In Episode 17 of the Code && Content podcast, Jan Amann discussed the evolution of next-intl, a package that has become a popular solution for localizing React applications, drawing from his experience with multi-lingual and multi-region projects. next-intl supports the Next.js app router and emphasizes the importance of considering localization early in a project to manage the complexities of languages, regions, and markets effectively. It employs a code-first approach, aligning with Sanity Studio's schema to create a flexible, multi-dimensional content model that accommodates internationalization requirements. Official resources and courses are available to assist developers in implementing best practices for localization, ensuring that both the content model for editing and the user front-ends are seamlessly integrated.

In an exploration of integrating AI into software development, the author recounts their journey from writing code manually to leveraging AI tools like Claude Code for 80% of initial implementations, shifting their focus to architecture, review, and managing multiple development threads. The process involves iterative attempts to refine AI-generated code, treating AI as a "junior developer" who requires constant context setting due to its inability to retain learning across sessions. The author highlights the need for creating project-specific context files and integrating AI with tools like Linear and GitHub to optimize workflow. They emphasize a three-step review process involving AI, personal, and team evaluations to maintain code quality and address persistent challenges such as AI's confident generation of faulty code and context limitations in large codebases. The post also discusses the financial and productivity benefits of AI, encouraging tech leads to support engineers in experimenting with AI solutions, particularly for repetitive tasks, while documenting processes to enhance efficiency. The author reflects on the emotional shift from code ownership to problem-solving, suggesting that the future of development lies in the synergy between developers and AI, where developers become orchestrators of AI agents to deliver faster and more efficient solutions.

This monthly update highlights recent product enhancements, insights from developers, and a notable community contribution. Key product updates include the introduction of new Functions that automate blog maintenance tasks such as adding redirects and generating AI summaries, along with improved Canvas collaboration tools that streamline navigation and feedback processes. Additionally, a "Last used" badge has been implemented to prevent login issues. Developer insights reveal a quick turnaround for AVIF support and the efficiency of small teams, exemplified by Luxome's content overhaul using Hydrogen and Sanity. The community contribution spotlight falls on Eric_WVGG's Advanced Validators Package, praised for its comprehensive documentation and practical validation examples.