January 2022 Summaries

Gemini, a crypto company, has experienced significant growth in web traffic over the past year, surpassing 1 billion monthly web requests. To handle this increased demand, Gemini migrated its Next.js application to Netlify and successfully scaled its infrastructure without downtime. The company's Frontend Engineering Manager, Nael Kahn, attributes their decision to choose Netlify for running Next.js to the platform's performance and workflow benefits, as well as its capabilities in internationalizing sites at scale and reducing time-to-market with Deploy Previews. With Netlify, Gemini can now deploy code more quickly and easily, thanks to seamless one-click deploys with auto-publishing, making their deployment process "so seamless" that they can ship more code faster than ever before.

SAP is a leading enterprise application software that manages business workflows for many large companies globally. With over 100,000 employees and a community of tens of thousands of SAP developers, the company has an active online presence through its SAP Community website. This platform serves as a combined version of StackOverflow, Quora, and LinkedIn for the SAP world, where developers and customers can share questions, problems, blog posts, and collaborate on projects. The SAP Community team recently migrated their community hub to Gatsby and Contentstack, which has been successful in improving content velocity, community satisfaction, page performance, SEO ranking, and feature velocity. The use of modern tools like Figma for design concepts and layouts, Storybook for building components, and WordPress for the blog network have also contributed to this success. The migration has led to a higher frequency of content updates by writers, improved site perception in semi-annual user surveys, better page performance and SEO ranking, and increased feature velocity with advanced content filtering, multi-language support, and live stream aggregation. The adoption of Gatsby and Contentstack has proven beneficial for the SAP Community team and its users, demonstrating the potential benefits of using these tools within larger organizations.

The modern web space has terms like serverless, CDN, edge, and cloud that are often used interchangeably but have distinct meanings. Serverless refers to a model where developers build and run applications without managing servers or infrastructure. A Content Delivery Network (CDN) is a global network of servers that hosts applications to get them closer to users, improving performance and reducing latency. The term "edge" can refer to both deploying content to CDNs and distributing computational tasks to the edge of a network for faster processing. Cloud refers to a collection of connected servers, data centers, and software that work together as a single entity, encompassing both the physical infrastructure and the services provided by cloud providers. Understanding these terms is crucial to navigate the tech landscape effectively.

The Netlify Command Line Interface (CLI) is a powerful tool that streamlines the development process, allowing developers to write, test, and review code locally with ease. By installing the CLI globally using `npm install netlify-cli -g`, users can access a range of commands, including `netlify init` for quick project setup, `ntl dev` for local development servers, and `ntl deploy` for fast deployment. The CLI also offers features such as environment variable management with `ntl env:set`, serverless functions creation with `netlify functions:create`, and monitoring deployment progress with `netlify watch`. Overall, the Netlify CLI is designed to save time and streamline the development workflow, making it an essential tool for developers looking to speed up their dev time.

If you're building websites using frameworks such as React.js, Vue.js, Next.js, or any other, chances are that they are using their logo as favicon. Having your own favicon is important for users to quickly identify the website associated with each tab when having too many tabs open at once. Customising a favicon can be done in a single line of code by pasting a specific link tag inside the <head> tag in your main HTML file. The code allows you to change the image type if needed, and favicons can also be emojis, such as 🦄 or 🎉. Depending on the tool used to build websites, packages may need to be installed for proper functionality. A favicon generator tool is also available to generate tags automatically in light/dark mode and search engine results.

Netlify's platform has been found to make web development easier, resulting in improved productivity, performance, and search engine rankings. A Forrester study revealed that an enterprise corporation saved $1.48 million in web development spending over three years, with a return on investment (ROI) of 151%. The company achieved this through increased release velocity, the ability to hire from a bigger pool of developers, and a 10% increase in site traffic. Netlify's platform also improved Lighthouse scores, enabling faster mobile and desktop performance, which contributed to an $823,600 incremental profit from new site visits. The study highlights the benefits of migrating to the Jamstack architecture with Netlify, including reduced contract labor costs, increased efficiency, and improved compliance.

The text discusses the limitations of storing environment variables in Netlify serverless functions due to AWS Lambda's character limit. It introduces a handy build plugin, `netlify-plugin-inline-functions-env`, which allows developers to use longer environment variables by inlining them at build-time. This plugin can be installed via the Netlify UI or configuration files and offers options for controlling which environment variables are transformed. By using this plugin, developers can now store super-long environment variables without affecting their committed code, making it easier to manage sensitive data such as private keys and API keys.

WaveDirect, a Canadian internet service provider, collaborated with Toronto-based digital agency Touchless to improve their digital communication with customers. The project involved three main aspects: data interface design and collection using Rudderstack, optimizing website performance with Gatsby, and driving SEO content campaigns with Gatsby and Sanity. By implementing these strategies, WaveDirect experienced a 60% increase in in-market website traffic within 30 days, a 450% increase in website-to-lead conversion, and a 98% decrease in duplicates and poorly formatted data.

There's a few different ways to create a site on Netlify. You can create new sites programmatically using the Netlify API in a single command by installing and importing the netlify package, instantiating a new NetlifyAPI object with a provided token for authentication, and using the createSite method to pass information about the repository you'd like to use and the name of your new site. This can be used to automate deployment or create custom deployment buttons.

Vue 3.2 has introduced a new feature called `<script setup>` which aims to simplify the Composition API usage inside Single File Components (SFCs). With `<script setup>`, developers can define variables and use them in the template without needing named or default exports, reducing code bulk in larger codebases. This feature also allows importing components without extra config or bindings, making it easier to pass props and emit events between components. Additionally, `<script setup>` ships with APIs like `defineProps` and `defineEmits`, which enable declaring props and emits, making it easier to handle reactive data and communication between components.

The headless commerce ecosystem is rapidly growing, driven by the increasing demand for faster, more personalized, and customizable e-commerce experiences. With the rise of API-first implementations, companies are shifting away from traditional monolithic platforms in favor of more flexible and scalable solutions. The market has seen a surge in new players and established e-commerce companies entering the headless commerce space, offering a range of tools and services to support businesses in their digital transformation journeys. These solutions cater to various needs, including global commerce capabilities, customization, scalability, experimentation, and enterprise-level features. Some notable players include Commerce Layer, Snipcart, Commerce.js, Swell, Commercetools, Nacelle, Shopify, BigCommerce, Builder.io, and Bloomreach. As the ecosystem continues to evolve, companies are adopting headless commerce platforms to stay competitive in the market, with Gartner predicting a 30% decrease in prices for B2C digital commerce platforms by 2023 due to feature commoditization and headless implementations.