September 2022 Summaries

The author, in this project, aimed to build a Jamstack site using modular components and existing resources without getting too deep into the code. They used GitHub as a universal identifier on the web, allowing them to access multiple services with one account, such as Contentful, Gatsby, Netlify, and Vercel. The author started by building a simple blog using the Contentful starter blog template built with Gatsby, which had push-button deployment for Gatsby Cloud. They then added images to the body of posts by modifying the code in the blog-post.js file. Next, they built two more blogs using different tech stacks, including Contentful, NextJS, and Vercel, and a portfolio site called "Get Some Jam" that brought together all the relevant links and discussions about the projects. The author found that using webhooks in Contentful automates many key steps for managing a site, and Lighthouse scores provide insights into web app performance. Through this project, the author gained a renewed appreciation for the Contentful content platform's accessibility and versatility.

Contentful's Professional Services team helps customers achieve big digital experience builds by delivering consulting and learning engagements that map out the best route for customer success. The team assesses current and future goals, then uses a unique framework to guide the engagement. They offer two methods of support: working with a trusted Contentful Solution Partner or engaging in a deep platform expertise engagement with Professional Services. These services complement each other and can help customers quickly launch and scale Contentful. Many customers lack an above-average understanding of how their Contentful architecture contributes to business goals, highlighting the need for guidance from Professional Services. The team provides valuable onboarding resources, tailored workshops, and consultations to inform builds and reduce the learning curve. Engagements are broken into three parts: defining the engagement, breaking ground on goals, and seeking opportunities to scale. The process involves an open conversation, a target architecture, a gap analysis, content model reviews, and a customer retrospective to ensure effectiveness and identify areas for improvement.

The WebP image format, developed by Google, has become a popular alternative to traditional formats like JPEG and PNG due to its ability to compress images without sacrificing quality. With features such as animation frames and alpha transparency, WebP offers greater editing and content delivery flexibility. Its benefits include faster website/application performance, better loading performance, interactivity, and visual stability, which can positively impact search engine optimization (SEO) scores. As more companies integrate WebP into their platforms, its adoption is increasing, with 79.2% of browsers worldwide supporting the format. To ensure compatibility, developers can use HTML source sets or the `<picture>` element, which allows for multiple image sources to be provided, and Contentful's Images API offers a convenient way to manage and optimize image resources.

Composable architecture allows for extensive customization and adaptability, making it ideal for businesses with complex online services. It enables the creation of a supporting structure with multiple building blocks, preventing reliance on a single component or process. This approach supports digital asset management, search capabilities, personalization, and ecommerce personalization, providing customers with meaningful online interactions and customized digital experiences. With composable architecture, companies can provide a competitive advantage by using different vendors for various services and driving innovation through price competition.

We're excited to share the latest news and releases from Contentful, a popular platform for building digital content experiences. The company has released two new JavaScript starter guides featuring Remix and React, as well as an interview with its Engineering team, providing insight into what it's like to work at Contentful. Additionally, Contentful is continuing to sponsor and speak at various events, including Algolia DevCon and Fast Forward Live. The platform also announced updates to its Webhooks feature, a new tutorial on building a Vue.js project, and a job opening for a Senior Frontend Engineer - React role. Furthermore, Contentful has launched a Developer Showcase, where developers can share their projects built with the platform, and is hosting a developer livestream every Tuesday at 11 a.m. ET/5 p.m. CET.

Ruby on Rails is a Ruby-based Model-View-Controller (MVC) framework used for building production-ready web applications and services, providing out-of-the-box features such as database migrations and ActiveRecord (ORM). It shares similarities with Django but allows developers to build controller-specific logic. Developers can leverage existing functionalities of gems created by the Rails community to improve their developer experience. Contentful provides several gems that make interacting with its API easier, enabling developers to retrieve data stored within a Contentful space using the Content Delivery API (CDA). To demonstrate this integration, a demo job listing application is built that relies on Contentful for its data, utilizing the Contentful gem and Rich_text_renderer gem. The application uses services to manage business logic and retrieves entries from the Contentful space using the Content Delivery API.

Rails is a Ruby-based MVC framework that provides features like database migrations, ActiveRecord (ORM), and allows developers to build applications in minimal time. It shares similarities with Django but allows for more control over the controller-specific logic. Developers can leverage existing gems created by the Rails community to improve their developer experience. Contentful provides several gems that make interacting with its API easier, including the Contentful gem and Rich_text_renderer gem. To demonstrate how Contentful integrates with Rails, a demo job listing application is built that relies on Contentful for its data. The application uses the Contentful UI to create a content model, adds fields to it, creates entries within the model, and retrieves data using the Content Delivery API (CDA). A service object is created to store business logic, and a controller is generated to display the job listings. The Rails server is started, and the TailwindCSS classes are generated, resulting in a working application that displays a list of available jobs on the default page.

At Contentful, software engineers are encouraged to collaborate with customers and non-technical stakeholders to define solutions and determine the best way forward. The company's engineering teams prioritize customer needs, often working closely with client calls to learn more about their requirements. This approach fosters a growth mindset, where employees are empowered to take ownership of problems and propose changes. Contentful's culture emphasizes collaboration, continuous learning, and autonomy, allowing engineers to grow and develop within the organization. The company also celebrates creativity, inquisitiveness, and big-picture thinking, providing opportunities for engineers to explore new technologies and work on guest sprints with other teams. By championing discovery and growth, Contentful aims to build a culture of collaboration and innovation that drives digital experiences for major brands.

Angular and Contentful are popular tools for creating client-side applications or delivering content creation and management services, Angular powers the frontend of Google apps used by millions of users worldwide, while Contentful is a cloud-based content management platform that organizes and manages content accessed via various platforms. Contentful enables developers to add and update information on websites or mobile applications without developing their own backend, providing tools to interface the frontend with the backend. A beginner's tutorial demonstrates how to build a full-stack application using Contentful and Angular by creating a job listings website for developers. The tutorial covers setting up the development environment, installing necessary dependencies, generating services and components, and rendering content in the component's template. By working through this demonstration, developers can quickly and efficiently manage the contents of their Angular applications without building custom backends from scratch.