July 2020 Summaries

Contentful is a developer-focused content management system that aims to support developers in building digital products. The company was founded by Sascha Dorenkamp, who wanted to create a product that served the needs of developers like himself. Contentful's mission is guided by three principles: accessibility, modernity, and integration. The company believes that all developer products should be free and easy to set up, with comprehensive documentation and guides. They also prioritize automation and integration, enabling developers to build and deploy digital experiences quickly and efficiently. Over the past seven years, Contentful has evolved its product by adopting new technologies such as GraphQL and React, and has invested in features like extensibility and automation to support its users. The company's goal is to continue supporting developers worldwide with a free edition and regular updates.

The text discusses Eleventy, a powerful yet simple static site generator that produces HTML and reduces complexity and performance issues. Unlike other frameworks like Next or Gatsby, which produce single-page apps using JavaScript, Eleventy is a Node.js-based generator that can integrate with Contentful using NPM packages. The tutorial assumes familiarity with Contentful and content models, and guides the reader through setting up an example project to fetch data from Contentful and render it as pages within 11ty.

The builder ethos recognizes that outstanding digital experiences start with those who build them, creating a culture that empowers people to tinker, experiment and build new digital experiences. It emphasizes the importance of teams working together in cross-functional, agile environments, providing flexibility, space and tools to enable builders to create innovative products quickly. The ethos is not limited to developers or programmers but applies to all roles involved in creating digital experiences, including designers, content creators, marketers, and editors. Companies adopting the builder ethos provide reusable content, extensible platforms, and APIs-first technology to support their teams' creativity and productivity. This approach enables companies to move quickly, innovate, and deliver great digital experiences.

Using the correct image file format can improve website presentation, speed up page load times, and boost search engine ranking. The most popular web image file formats are JPG, PNG, WebP, GIF, and SVG, each with its own strengths and weaknesses. Compressed images reduce data size and ensure faster load times in web browsers, but lossy compression can compromise visual quality. Lossless compression preserves visual quality without reducing the image size. The choice of format depends on the use case, such as photographs, graphics, logos, or animations. For example, JPG is suitable for high-resolution photographs, while PNG is often used for graphics and logos with fine detail and transparency. WebP offers better overall compression and smaller file sizes than comparable JPEG images, but its browser compatibility can be a challenge. SVG provides infinite scalability, efficiency, and accessibility benefits, making it a popular choice for icons, logos, and illustrations. Mastering SVG requires education and effort, but its flexibility and performance make it an attractive option. The Contentful Images API simplifies image management by hosting SVGs, providing metadata images, and offering various transformations and compression options. By choosing the right image file format and leveraging the Contentful Images API, developers can optimize their digital experiences for better user experience, search engine rankings, and conversion rates.

Contentful has introduced a new "Community" edition, offering more features and greater value for developers who want to build engaging digital experiences without limitations on their budget or plan restrictions. The Community edition provides access to GraphQL, content types, records, and sandbox environments, allowing developers to experiment and innovate with no upfront costs. This move aims to democratize access to Contentful's tools, enabling more businesses of all sizes to create modern digital experiences at any scale. With the Community edition, developers can build freely without compromising on features or functionality, and upgrade to paid tiers as needed when their project grows. The update also includes improved documentation, a free GraphQL course, and support from the Contentful community, making it easier for developers to get started and succeed with the platform.

The App Framework from Contentful enables users to easily integrate popular ecommerce platforms, including Shopify, commercetools, and Commerce Layer, into their content management system. These integrations provide an out-of-the-box solution for creating rich product pages that can be updated without requiring extensive developer knowledge. The App Framework also supports custom ecommerce apps, making it easier to integrate a wide range of ecommerce solutions with Contentful. By leveraging the App Framework, users can streamline their workflow and focus on content creation, while Shopify's affordability makes it an accessible option for individuals and businesses alike, with Commerce Layer offering a unique API-first commerce platform suited for makers and innovators.

The Canadian retailer Loblaw was well-prepared to adapt to the COVID-19 pandemic due to its early adoption of a unified content platform, Contentful. By consolidating multiple websites onto one platform, Loblaw improved customer experience, reduced operating costs, and enhanced communication with customers about store changes and health measures. The use of Contentful enabled Loblaw Digital teams to quickly pivot from marketing content to critical information during the pandemic, facilitating timely updates across its online grocery banners that saw a significant spike in demand. The partnership has delivered cost savings, flexibility, and scalability for Loblaw's digital operations, with plans to apply similar strategies to other business areas, such as its loyalty program.