# shopping

Published articles for shopping.

This is one page of public article previews, not the complete archive. Follow Next page to continue. Summaries are not the original full articles.

## Authentication made easy: Building a secure e-commerce shopping cart with Firebase

DevFeed: [Authentication made easy: Building a secure e-commerce shopping cart with Firebase](<https://devfeed.tech/articles/authentication-made-easy-building-a-secure-e-commerce-shopping-cart-with-firebase-16676.md>)

Original publisher: [Read original article](<https://firebase.blog/posts/2026/09/secure-shopping-cart-firebase>)

Author: Karl Weinmeister

Published: 2026-09-01T00:00:00Z

Content type: tutorial

Language: en

Sources: [Firebase Blog](<https://devfeed.tech/sources/firebase-blog.md>)

Topics: [Authentication](<https://devfeed.tech/topics/authentication.md>), [Firebase](<https://devfeed.tech/topics/firebase.md>), [Firestore](<https://devfeed.tech/topics/firestore.md>), [Authorization](<https://devfeed.tech/topics/authorization.md>), [Security](<https://devfeed.tech/topics/security.md>)

Tags: [authentication](<https://devfeed.tech/tags/authentication.md>), [cloud-run](<https://devfeed.tech/tags/cloud-run.md>), [e-commerce](<https://devfeed.tech/tags/e-commerce.md>), [firebase](<https://devfeed.tech/tags/firebase.md>), [firestore](<https://devfeed.tech/tags/firestore.md>), [security-rules](<https://devfeed.tech/tags/security-rules.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [tutorials](<https://devfeed.tech/tags/tutorials.md>), [web](<https://devfeed.tech/tags/web.md>)

### AI overview

This tutorial explains how to build a secure e-commerce shopping cart with Firebase Authentication and Cloud Firestore. It covers guest onboarding through anonymous authentication, migration of guest carts to permanent accounts, real-time synchronization, and checkout while addressing database permissions and security.

### Source excerpt

News, tutorials, and updates from the Firebase team.

## Securing Agentic Commerce

DevFeed: [Securing Agentic Commerce](<https://devfeed.tech/articles/securing-agentic-commerce-15649.md>)

Original publisher: [Read original article](<https://auth0.com/blog/securing-agentic-commerce/>)

Author: Bradford Peirce

Published: 2026-08-31T17:22:00Z

Content type: article

Language: en

Sources: [Auth0 Blog](<https://devfeed.tech/sources/auth0-blog.md>)

Topics: [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Authorization](<https://devfeed.tech/topics/authorization.md>), [Large Language Model](<https://devfeed.tech/topics/llm.md>)

Tags: [agentic](<https://devfeed.tech/tags/agentic.md>), [ai](<https://devfeed.tech/tags/ai.md>), [authorization](<https://devfeed.tech/tags/authorization.md>), [identity](<https://devfeed.tech/tags/identity.md>), [shopping](<https://devfeed.tech/tags/shopping.md>)

### AI overview

The article explains how AI-driven shopping is developing into agentic commerce, from product discovery toward purchases completed within chat interfaces and delegated buying. It argues that identity verification, authorization, and fraud prevention are necessary for secure transactions involving third-party AI agents.

### Source excerpt

Identity as the Foundation of the World's Newest Shopping Channel.

## How Razorpay Built a Customer Data Platform for Queryable Segments at Scale

DevFeed: [How Razorpay Built a Customer Data Platform for Queryable Segments at Scale](<https://devfeed.tech/articles/turning-scattered-data-into-queryable-segments-at-scale-how-razorpay-built-its-customer-data-24045.md>)

Original publisher: [Read original article](<https://engineering.razorpay.com/turning-scattered-data-into-queryable-segments-at-scale-how-razorpay-built-its-customer-data-3937c4b012de?source=rss----6407ad2e59af---4>)

Author: Varun Meka

Published: 2026-06-26T08:06:33Z

Content type: article

Language: en

Sources: [Razorpay Engineering - Medium](<https://devfeed.tech/sources/razorpay-engineering-medium.md>)

Topics: [data](<https://devfeed.tech/topics/data.md>), [Transactions](<https://devfeed.tech/topics/transactions.md>), [App](<https://devfeed.tech/topics/app.md>), [systems](<https://devfeed.tech/topics/systems.md>), [Apache Spark](<https://devfeed.tech/topics/spark.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [banking](<https://devfeed.tech/tags/banking.md>), [card](<https://devfeed.tech/tags/card.md>), [customer](<https://devfeed.tech/tags/customer.md>), [data](<https://devfeed.tech/tags/data.md>), [devices](<https://devfeed.tech/tags/devices.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [payments](<https://devfeed.tech/tags/payments.md>), [platform](<https://devfeed.tech/tags/platform.md>), [razorpay](<https://devfeed.tech/tags/razorpay.md>), [saas](<https://devfeed.tech/tags/saas.md>), [scale](<https://devfeed.tech/tags/scale.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [transactions](<https://devfeed.tech/tags/transactions.md>)

### AI overview

Razorpay describes building an in-house Customer Data Platform to unify fragmented customer and transaction data into queryable audience segments. The supplied excerpt says the platform serves segments across more than 500 million user profiles in under 30 milliseconds while keeping personally identifiable information isolated in source systems.

### Source excerpt

Turning Scattered Data Into Queryable Segments at Scale: How Razorpay Built Its Customer Data Platform A consent-native CDP that serves audience segments across 500M+ user profiles in under 30ms, with PII isolated to the source systems. The Problem We Were Solving A customer opens her favourite online shopping app, adds a few items to her cart, and pays INR 1,200 via UPI, powered invisibly by Razorpay. A week later she returns and pays using a saved Visa card from her laptop. Later that month, she places a larger INR 8,500 order through net banking from work. Three transactions. Three different payment instruments. Three different devices. To the merchant's engineering team, and to Razorpay's data systems, these could look like three completely different people, unless you've done the hard work of figuring out they're all the same customer. Now suppose this is a D2C fashion brand approaching their Diwali sale. The merchant's growth team has a clear plan: "Identify customers who have transacted at least once in the last 30 days, have spent more than INR 5,000 cumulatively this quarter, and haven't enrolled in our loyalty programme. Send them an early-access nudge with a personalized discount 48 hours before the public sale opens." A year ago, answering that question at Razorpay meant filing a cross-team data request, waiting for an analyst to write a custom Spark job, and getting an answer in 2-3 days. By the time the merchant had the segment, the Diwali sale was already live. The early-access window had closed. The campaign got sent to a broader, less-targeted audience, wasting spend on customers who would have bought anyway and leaving cold customers untouched. Now multiply that pain by millions of merchants. Razorpay powers payments and growth for over 12 million merchants. From D2C fashion brands and SaaS startups to subscription platforms, ed-tech companies, and the 2 million+ local merchants accepting QR payments every day. Together, they process billions of transaction

## Open rails for agentic commerce at Open Source Summit North America 2026

DevFeed: [Open rails for agentic commerce at Open Source Summit North America 2026](<https://devfeed.tech/articles/open-rails-for-agentic-commerce-at-open-source-summit-north-america-2026-34313.md>)

Original publisher: [Read original article](<http://opensource.googleblog.com/2026/06/open-rails-for-agentic-commerce-at-open-source-summit-north-america-2026.html>)

Author: Google Open Source (noreply@blogger.com)

Published: 2026-06-16T23:16:03Z

Content type: opinion

Language: en

Sources: [Google Open Source Blog](<https://devfeed.tech/sources/google-open-source-blog.md>)

Topics: [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [Open Source](<https://devfeed.tech/topics/open-source.md>), [systems](<https://devfeed.tech/topics/systems.md>), [Protocol (disambiguation)](<https://devfeed.tech/topics/protocol.md>)

Tags: [2026](<https://devfeed.tech/tags/2026.md>), [agentic](<https://devfeed.tech/tags/agentic.md>), [agentic-commerce](<https://devfeed.tech/tags/agentic-commerce.md>), [ai](<https://devfeed.tech/tags/ai.md>), [ai-agents](<https://devfeed.tech/tags/ai-agents.md>), [business](<https://devfeed.tech/tags/business.md>), [capabilities](<https://devfeed.tech/tags/capabilities.md>), [checkout](<https://devfeed.tech/tags/checkout.md>), [consumer](<https://devfeed.tech/tags/consumer.md>), [e-commerce](<https://devfeed.tech/tags/e-commerce.md>), [features](<https://devfeed.tech/tags/features.md>), [fragmentation](<https://devfeed.tech/tags/fragmentation.md>), [integration](<https://devfeed.tech/tags/integration.md>), [interoperability](<https://devfeed.tech/tags/interoperability.md>), [open-source](<https://devfeed.tech/tags/open-source.md>), [open-standards](<https://devfeed.tech/tags/open-standards.md>), [payment](<https://devfeed.tech/tags/payment.md>), [platforms](<https://devfeed.tech/tags/platforms.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [standard](<https://devfeed.tech/tags/standard.md>), [ucp](<https://devfeed.tech/tags/ucp.md>), [universal-commerce-protocol](<https://devfeed.tech/tags/universal-commerce-protocol.md>), [workflows](<https://devfeed.tech/tags/workflows.md>)

### AI overview

An article from Open Source Summit North America 2026 explains why agentic commerce may require shared, open rules and integrations. It presents Universal Commerce Protocol (UCP) as an open standard intended to let agents, businesses, consumer surfaces, and payment providers work together across shopping, checkout, fulfillment, and post-purchase flows.

### Source excerpt

by Anurag Sinha, Universal Commerce Protocol (UCP) At Open Source Summit North America 2026, I shared why agentic commerce needs open rails. As AI agents become more capable, the shopping journey is shifting from "show me" to "help me." Instead of browsing, comparing, clicking, and checking out step by step, people can increasingly ask an agent to help them decide what to buy and, in some cases, complete the purchase. Industry forecasts suggest agentic shopping could account for roughly 10% to 25% of U.S. e-commerce by 2030 (Bain), which points to a meaningful shift in how digital commerce will work. Watch the full keynote here. Why shared rules matter That shift also exposes a challenge. Commerce is still highly fragmented. Different businesses, payment providers, and platforms operate with their own rules, workflows, and business logic. Every new surface adds more integration work. Every bespoke connection creates more complexity. And that fragmentation makes it harder for AI systems to understand and perform commerce actions consistently across businesses. A shared language lowers that barrier for everyone. A common language for agentic commerce That is the problem Universal Commerce Protocol (UCP) is designed to solve. We launched the Universal Commerce Protocol, or UCP, with industry leaders to establish an open standard for agentic commerce, built to work across the shopping journey. UCP creates a common language for agents and systems to operate together across consumer surfaces, businesses, and payment providers, so the ecosystem does not need a different bespoke integration for every new agent or platform. Just as importantly, UCP is designed for the real world. Every business has its own way of selling. Checkout, fulfillment, loyalty, policy logic, shipping, and post-purchase flows can vary widely between a local shop, a marketplace, and a large retailer. UCP is built to support that reality. A layered architecture for a shared commerce language UCP uses a

## Apparel & Accessories Quantitative UX: 3 High-Level Takeaways from 40+ Charts

DevFeed: [Apparel & Accessories Quantitative UX: 3 High-Level Takeaways from 40+ Charts](<https://devfeed.tech/articles/apparel-accessories-quantitative-ux-3-high-level-takeaways-from-40-charts-9352.md>)

Original publisher: [Read original article](<https://feeds.baymard.com/link/9825/17362490/apparel-and-accessories-quantitative-ux-insights-2026>)

Author: Niel Gan

Published: 2026-06-12T08:02:00Z

Content type: article

Language: en

Sources: [Baymard Institute](<https://devfeed.tech/sources/baymard-institute.md>)

Topics: [User experience (UX)](<https://devfeed.tech/topics/ux.md>), [data](<https://devfeed.tech/topics/data.md>), [benchmarking](<https://devfeed.tech/topics/benchmarking.md>)

Tags: [article](<https://devfeed.tech/tags/article.md>), [benchmarking](<https://devfeed.tech/tags/benchmarking.md>), [customer](<https://devfeed.tech/tags/customer.md>), [data](<https://devfeed.tech/tags/data.md>), [ecommerce](<https://devfeed.tech/tags/ecommerce.md>), [online-shopping](<https://devfeed.tech/tags/online-shopping.md>), [research](<https://devfeed.tech/tags/research.md>), [reviews](<https://devfeed.tech/tags/reviews.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [survey](<https://devfeed.tech/tags/survey.md>), [ux](<https://devfeed.tech/tags/ux.md>)

### AI overview

This quantitative UX study examines apparel and accessories shoppers' habits and preferences using survey data from 1,922 US online shoppers. It presents more than 40 insights on topics including sizing and fit confidence, product-page evaluation, reviews, returns, loyalty programs, and delivery expectations. The article highlights uncertainty throughout the shopping journey, including mismatches between shoppers' self-reported sizes and industry definitions, infrequent shopping as a barrier to loyalty enrollment, and reviews serving as a proxy for fit evaluation.

### Source excerpt

(Note: Unfortunately, e-mail and RSS don't support advanced layouts and features. If the graphics in this article look strange, you may want to read the article in your web browser.) Key Stats & Takeaways 40+ new insights on Apparel & Accessories shopper habits and preferences 1,922 US online shoppers surveyed in this quantitative UX study Apparel and accessories shoppers face uncertainty at every stage of their journey, from how their self-identification corresponds to retailer categories to how they evaluate fit on the product page We've released new Quantitative Insights into people who shop on "Apparel & Accessories" sites, adding to our growing body of data on the habits and preferences of online shoppers across key ecommerce categories. These insights are survey-based data visualizations that complement and deepen our large-scale UX research findings and benchmarking of the Apparel & Accessories industry. The 40+ insights cover the Apparel & Accessories online shopping experience across a wide range of topics: online trip drivers, size and fit confidence, product page evaluation, reviews usage, returns, loyalty programs, and delivery expectations. Apparel and accessories shoppers make decisions with incomplete information at every stage of their online journey. They can't feel a fabric, try out a fit, or know whether a size label will translate to their body. Beyond that, they may not know whether the items they buy will ultimately feel "worth it" to them, or whether they'll shop frequently enough to make a rewards program worth joining. Each of these uncertainties plays out at a different stage of the journey, and each has distinct implications for how Apparel & Accessories sites should be designed. In this article, we'll highlight 3 high-level findings that reflect how apparel and accessories shoppers navigate that uncertainty: Shoppers' self-reported size categories often diverge from industry definitions Infrequent shopping, not program design, is the top

## From Products to Inspiration: Inside the Engine of Occasion-based outfit visualiser

DevFeed: [From Products to Inspiration: Inside the Engine of Occasion-based outfit visualiser](<https://devfeed.tech/articles/from-products-to-inspiration-inside-the-engine-of-occasion-based-outfit-visualiser-20137.md>)

Original publisher: [Read original article](<https://medium.com/myntra-engineering/from-products-to-inspiration-inside-the-engine-of-occasion-based-outfit-visualiser-a09f494d43ae?source=rss----7484818e9f88---4>)

Author: Ankit Kumar

Published: 2026-04-23T18:23:51Z

Content type: article

Language: en

Sources: [Myntra](<https://devfeed.tech/sources/myntra.md>)

Topics: [Data Science](<https://devfeed.tech/topics/data-science.md>), [Computer vision](<https://devfeed.tech/topics/computer-vision.md>), [Generative AI](<https://devfeed.tech/topics/generative-ai.md>), [JSON](<https://devfeed.tech/topics/json.md>)

Tags: [ai](<https://devfeed.tech/tags/ai.md>), [computer-vision](<https://devfeed.tech/tags/computer-vision.md>), [data-science](<https://devfeed.tech/tags/data-science.md>), [drapes](<https://devfeed.tech/tags/drapes.md>), [generative-ai](<https://devfeed.tech/tags/generative-ai.md>), [json](<https://devfeed.tech/tags/json.md>), [occasion-based-shopping](<https://devfeed.tech/tags/occasion-based-shopping.md>), [outfit-ideas](<https://devfeed.tech/tags/outfit-ideas.md>), [product](<https://devfeed.tech/tags/product.md>), [shopping](<https://devfeed.tech/tags/shopping.md>)

### AI overview

This article describes how Myntra built its Looks occasion-based outfit visualiser. The feature combines fashion intelligence, data science, computer vision, generative AI, and JSON-based outfit rules to turn individual product images into coordinated outfit recommendations and visualisations. The supplied text details its style taxonomy and curation of over a million styles, but the article is truncated before the visualisation implementation is fully explained.

### Source excerpt

Ankit Kumar | Oct 2025 - 6 min read The "Why": Moving Beyond the Grid Picture this: A white background. A shirt. Fabric details. Fit specs. A price tag. For decades, this has been the status quo of online shopping. It is clinical, clear, and -- let's be honest -- completely detached from real life. In this model, the customer does all the heavy lifting. "Where would I wear this?" they wonder. "Does this go with those beige chinos I bought last year?" They close their eyes. They imagine. They guess. Sometimes they buy; often, they bounce. Traditional Product Detail Page (PDP) recommendations tried to help by suggesting jeans to pair with shirts. But the truth is, they remained a list of ingredients, not a prepared meal. At Myntra, we decided to change that. We set out to build Looks, a feature designed to transport a static product into a lived experience -- a Friday night in Bangalore, a high-intensity gym in Gurgaon, or a quiet art gallery in Mumbai. This is the story of how we orchestrated Data Science, Computer Vision, and Generative AI to build a personal stylist that scales to millions. Phase 1: The Brain -- Orchestrating the Look Before we could visualize an outfit, we had to understand fashion. Not just as data points, but as a language. This required Fashion Intelligence: a system that knows what works, what doesn't, and why. Our Data Science team undertook a massive curation effort, analyzing over a million styles. They didn't just tag clothes; they mapped them to the "cascading tree of style." For every Primary Style (e.g., a Polo shirt), the engine identifies four critical layers: The Occasion: (Weekend Outing, Office Smart-Casual) Secondary Style: (The bottom wear) Tertiary Style: (Footwear) Tertiary (others) : (Accessories like watches or sunglasses) The Recipe in the Code The logic is powered by a JSON structure that acts as the "AI Stylist's" brain: JSON "29936239": [ { "Weekend outing": [ [ 29936239, // Primary: The Polo T-Shirt 33551732, // Secondary: B

## Instacart and OpenAI partner on AI shopping experiences

DevFeed: [Instacart and OpenAI partner on AI shopping experiences](<https://devfeed.tech/articles/instacart-and-openai-partner-on-ai-shopping-experiences-6473.md>)

Original publisher: [Read original article](<https://openai.com/index/instacart-partnership>)

Published: 2025-12-08T06:00:00Z

Content type: news

Language: en

Sources: [OpenAI News](<https://devfeed.tech/sources/openai-news.md>)

Topics: [ChatGPT](<https://devfeed.tech/topics/chatgpt.md>), [OpenAI](<https://devfeed.tech/topics/openai.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [App](<https://devfeed.tech/topics/app.md>), [Protocol (disambiguation)](<https://devfeed.tech/topics/protocol.md>), [real-time](<https://devfeed.tech/topics/real-time.md>)

Tags: [agentic](<https://devfeed.tech/tags/agentic.md>), [ai](<https://devfeed.tech/tags/ai.md>), [app](<https://devfeed.tech/tags/app.md>), [chatgpt](<https://devfeed.tech/tags/chatgpt.md>), [checkout](<https://devfeed.tech/tags/checkout.md>), [global-affairs](<https://devfeed.tech/tags/global-affairs.md>), [instacart](<https://devfeed.tech/tags/instacart.md>), [integration](<https://devfeed.tech/tags/integration.md>), [models](<https://devfeed.tech/tags/models.md>), [openai](<https://devfeed.tech/tags/openai.md>), [partner](<https://devfeed.tech/tags/partner.md>), [partnership](<https://devfeed.tech/tags/partnership.md>), [payment](<https://devfeed.tech/tags/payment.md>), [real-time](<https://devfeed.tech/tags/real-time.md>), [shopping](<https://devfeed.tech/tags/shopping.md>)

### AI overview

OpenAI and Instacart are expanding their partnership with a fully integrated grocery-shopping and Instant Checkout experience in ChatGPT. Users can receive meal and grocery suggestions, build a cart using OpenAI models, and complete payment through the Instacart app without leaving the conversation.

### Source excerpt

OpenAI and Instacart are deepening their longstanding partnership by bringing the first fully integrated grocery shopping and Instant Checkout payment app to ChatGPT.

## OpenAI and Target team up on new AI-powered experiences

DevFeed: [OpenAI and Target team up on new AI-powered experiences](<https://devfeed.tech/articles/openai-and-target-team-up-on-new-ai-powered-experiences-6676.md>)

Original publisher: [Read original article](<https://openai.com/index/target-partnership>)

Published: 2025-11-19T06:00:00Z

Content type: news

Language: en

Sources: [OpenAI News](<https://devfeed.tech/sources/openai-news.md>)

Topics: [OpenAI](<https://devfeed.tech/topics/openai.md>), [ChatGPT](<https://devfeed.tech/topics/chatgpt.md>), [Artificial Intelligence](<https://devfeed.tech/topics/ai.md>), [App](<https://devfeed.tech/topics/app.md>), [data](<https://devfeed.tech/topics/data.md>)

Tags: [agent](<https://devfeed.tech/tags/agent.md>), [ai](<https://devfeed.tech/tags/ai.md>), [apis](<https://devfeed.tech/tags/apis.md>), [app](<https://devfeed.tech/tags/app.md>), [chatgpt](<https://devfeed.tech/tags/chatgpt.md>), [checkout](<https://devfeed.tech/tags/checkout.md>), [company](<https://devfeed.tech/tags/company.md>), [enterprise](<https://devfeed.tech/tags/enterprise.md>), [models](<https://devfeed.tech/tags/models.md>), [openai](<https://devfeed.tech/tags/openai.md>), [productivity](<https://devfeed.tech/tags/productivity.md>), [shopping](<https://devfeed.tech/tags/shopping.md>)

### AI overview

OpenAI and Target are expanding their partnership with a new Target app in ChatGPT for personalized recommendations, multi-item shopping carts, and checkout through Drive Up, Order Pickup, or shipping. Target is also using OpenAI APIs and ChatGPT Enterprise to improve employee productivity and guest experiences.

### Source excerpt

OpenAI and Target are partnering to bring a new Target app to ChatGPT, offering personalized shopping and faster checkout. Target will also expand its use of ChatGPT Enterprise to boost productivity and guest experiences.

## Astro 5.7

DevFeed: [Astro 5.7](<https://devfeed.tech/articles/astro-5-7-3246.md>)

Original publisher: [Read original article](<https://astro.build/blog/astro-570/>)

Author: Matt Kane; Florian Lefebvre; Emanuele Stoppa; Nate Moore

Published: 2025-04-15T00:00:00Z

Content type: release

Language: en

Sources: [The Astro Blog](<https://devfeed.tech/sources/the-astro-blog.md>)

Topics: [Astro](<https://devfeed.tech/topics/astro.md>), [API](<https://devfeed.tech/topics/api.md>), [Font](<https://devfeed.tech/topics/font.md>), [SVG](<https://devfeed.tech/topics/svg.md>), [Core Web Vitals](<https://devfeed.tech/topics/core-web-vitals.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [astro](<https://devfeed.tech/tags/astro.md>), [components](<https://devfeed.tech/tags/components.md>), [core-web-vitals](<https://devfeed.tech/tags/core-web-vitals.md>), [experimental](<https://devfeed.tech/tags/experimental.md>), [fonts](<https://devfeed.tech/tags/fonts.md>), [google](<https://devfeed.tech/tags/google.md>), [performance](<https://devfeed.tech/tags/performance.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [state](<https://devfeed.tech/tags/state.md>), [svg](<https://devfeed.tech/tags/svg.md>), [web-apis](<https://devfeed.tech/tags/web-apis.md>)

### AI overview

Astro 5.7 introduces stable Sessions and SVG components, plus an experimental Fonts API. The Fonts API supports local fonts and built-in providers with automatic optimizations, while Sessions securely store server-side user data across Astro features.

### Source excerpt

Astro 5.7 has a basketload of treats, including stable Sessions and SVG components and a new Experimental Fonts API.

## Create a shopping cart using Qwik and Turso

DevFeed: [Create a shopping cart using Qwik and Turso](<https://devfeed.tech/articles/create-a-shopping-cart-using-qwik-and-turso-5916.md>)

Original publisher: [Read original article](<https://turso.tech/blog/create-a-shopping-cart-using-qwik-and-turso-b51994f6ab73>)

Author: James Sinkala

Published: 2023-04-27T00:00:00Z

Content type: tutorial

Language: en

Sources: [Turso Blog](<https://devfeed.tech/sources/turso-blog.md>)

Topics: [Qwik](<https://devfeed.tech/topics/qwik.md>), [Turso](<https://devfeed.tech/topics/turso.md>), [Web](<https://devfeed.tech/topics/web.md>)

Tags: [framework](<https://devfeed.tech/tags/framework.md>), [how-to](<https://devfeed.tech/tags/how-to.md>), [integration](<https://devfeed.tech/tags/integration.md>), [qwik](<https://devfeed.tech/tags/qwik.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [turso](<https://devfeed.tech/tags/turso.md>), [web](<https://devfeed.tech/tags/web.md>), [web-development](<https://devfeed.tech/tags/web-development.md>)

### AI overview

A tutorial on creating a web shopping cart with the Qwik framework and Turso. The source notes that the post references an older version of Turso.

### Source excerpt

Learn how to create a robust shopping cart for the web using the Qwik framework and Turso, the edge database.

## Back to basics: Navigation

DevFeed: [Back to basics: Navigation](<https://devfeed.tech/articles/back-to-basics-navigation-25999.md>)

Original publisher: [Read original article](<https://medium.com/@nhaarman/back-to-basics-navigation-9c08dacff228?source=rss-fceb7a60a849------2>)

Author: Niek Haarman

Published: 2018-10-25T09:12:40Z

Content type: tutorial

Language: en

Sources: [Stories by Niek Haarman on Medium](<https://devfeed.tech/sources/stories-by-niek-haarman-on-medium.md>)

Topics: [navigation](<https://devfeed.tech/topics/navigation.md>), [Android](<https://devfeed.tech/topics/android.md>), [Mobile](<https://devfeed.tech/topics/mobile.md>), [Development](<https://devfeed.tech/topics/development.md>)

Tags: [android](<https://devfeed.tech/tags/android.md>), [android-app-development](<https://devfeed.tech/tags/android-app-development.md>), [android-development](<https://devfeed.tech/tags/android-development.md>), [androiddev](<https://devfeed.tech/tags/androiddev.md>), [development](<https://devfeed.tech/tags/development.md>), [flow](<https://devfeed.tech/tags/flow.md>), [fragments](<https://devfeed.tech/tags/fragments.md>), [login](<https://devfeed.tech/tags/login.md>), [mobile](<https://devfeed.tech/tags/mobile.md>), [navigation](<https://devfeed.tech/tags/navigation.md>), [onboarding](<https://devfeed.tech/tags/onboarding.md>), [payment](<https://devfeed.tech/tags/payment.md>), [screen](<https://devfeed.tech/tags/screen.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [state](<https://devfeed.tech/tags/state.md>)

### AI overview

A fundamentals-focused guide to in-app navigation in Android applications. It explains the back stack, reusable navigation flows, conditional paths based on user state, and how navigation responsibilities are handled by Activities and Fragments.

### Source excerpt

Previously I talked about the unfortunate design of the Activity class, and I went back to basics regarding screens in an application. This time, we're going back to basics regarding in-app navigation. What is meant by 'navigation'? In a typical mobile application, a user can navigate from one screen to another. Traveling through an application builds up a navigational state; in Android this is traditionally done with a back stack. Activities can start new Activities which get pushed upon a stack. When the user presses back, the top Activity gets popped off the stack, to reveal the previous Activity. You can modify how Activities are created and pushed upon the stack with several flags and attributes, which are described at length on the Understand Tasks and Back Stack page. The back stackFlows In a non-trivial application, there are often multiple 'flows' that can be defined: there might be a login flow, an onboarding flow, or a flow that takes you through a payment process. In the latter case, you might have a series of screens that start with a description of the user's shopping cart, followed by forms to enter shipping and payment information. Such flows are usually completely self contained, and can be reused when necessary. It may be possible to start a specific flow from anywhere in the app, allowing for dozens of paths through your application to exist. An example payment flow for a shopping application.Conditional navigation In your typical application, there is no strict sequence of screens that will appear in a fixed order. Depending on user input, the user can travel through different paths through your application. A dashboard screen for example can have multiple buttons that all lead the user to a different screen. Another thing to consider is that the next state of the navigation state is dependent on the some conditional state. If the user already has entered shipping and payment info a previous time, we may want to skip these forms and go straight t

## Restaurant App Builder

DevFeed: [Restaurant App Builder](<https://devfeed.tech/articles/restaurant-app-builder-19495.md>)

Original publisher: [Read original article](<https://www.codenameone.com/blog/restaurant-app-builder/>)

Author: Shai Almog

Published: 2017-06-13T00:00:00Z

Content type: tutorial

Language: en

Sources: [CodeName One](<https://devfeed.tech/sources/codename-one.md>)

Topics: [app builder](<https://devfeed.tech/topics/app-builder.md>), [App](<https://devfeed.tech/topics/app.md>), [Tutorial](<https://devfeed.tech/topics/tutorial.md>), [Bootcamp](<https://devfeed.tech/topics/bootcamp.md>)

Tags: [app](<https://devfeed.tech/tags/app.md>), [app-builder](<https://devfeed.tech/tags/app-builder.md>), [billing](<https://devfeed.tech/tags/billing.md>), [courses](<https://devfeed.tech/tags/courses.md>), [generate](<https://devfeed.tech/tags/generate.md>), [native](<https://devfeed.tech/tags/native.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [tutorial](<https://devfeed.tech/tags/tutorial.md>)

### AI overview

The article introduces a restaurant ordering app and an app builder created during a bootcamp. The builder lets users customize the ordering app for a specific restaurant and generate a native app. The author presents a soft launch, invites feedback from restaurant owners, and describes plans for further development and course material.

### Source excerpt

In the bootcamp we didn't build just one big app, we built two... Or infinity... The first app was a restaurant ordering system that allows you to pick dishes from a menu and add them to a shopping cart. The second app was an "app builder" that allows you to customize the first app and then generate a native app based on that for your specific restaurant. I kept that under wraps because I wanted to do a big "launch" and release the app to the wild based on that but I ended up being so busy after the bootcamp completed that this just didn't materialize. So instead of doing a big launch I'm doing the softest possible launch for this app. This is how the restaurant app looks, I cover its creation in the upcoming courses too:

## Reactive Apps with Model-View-Intent - Part 4: Independent UI Components

DevFeed: [Reactive Apps with Model-View-Intent - Part 4: Independent UI Components](<https://devfeed.tech/articles/reactive-apps-with-model-view-intent-part-4-independent-ui-components-25457.md>)

Original publisher: [Read original article](<https://hannesdorfmann.com/android/mosby3-mvi-4/>)

Author: Hannes Dorfmann

Published: 2017-02-25T09:00:00Z

Content type: tutorial

Language: en

Sources: [Hannes Dorfmann](<https://devfeed.tech/sources/hannes-dorfmann.md>)

Topics: [reactive](<https://devfeed.tech/topics/reactive.md>), [ui](<https://devfeed.tech/topics/ui.md>), [App](<https://devfeed.tech/topics/app.md>), [Code](<https://devfeed.tech/topics/code.md>)

Tags: [blog](<https://devfeed.tech/tags/blog.md>), [design-patterns](<https://devfeed.tech/tags/design-patterns.md>), [flow](<https://devfeed.tech/tags/flow.md>), [recyclerview](<https://devfeed.tech/tags/recyclerview.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [toolbar](<https://devfeed.tech/tags/toolbar.md>), [ui-components](<https://devfeed.tech/tags/ui-components.md>), [viewmodel](<https://devfeed.tech/tags/viewmodel.md>)

### AI overview

This blog post discusses building independent, reusable UI components in reactive application architectures such as Model-View-Intent, Model-View-Presenter, and Model-View-ViewModel. It argues that presenters should communicate indirectly by observing shared business logic and describes this approach using a shopping-basket example.

### Source excerpt

In this blog post we will discuss how to build independent UI components and clarify why Parent-Child relations are a code smell in my opinion. Furthermore, we will discuss why I think such relations are needless. One question that arises from time to time with architectural design patterns such as Model-View-Intent, Model-View-Presenter or Model-View-ViewModel is how do Presenters (or ViewModels) communicate with each other?

## On Aggregates and Domain Service interaction

DevFeed: [On Aggregates and Domain Service interaction](<https://devfeed.tech/articles/on-aggregates-and-domain-service-interaction-21143.md>)

Original publisher: [Read original article](<https://ocramius.github.io/blog/on-aggregates-and-external-context-interactions/>)

Published: 2017-01-25T00:00:00Z

Content type: tutorial

Language: en

Sources: [Marco Pivetta](<https://devfeed.tech/sources/marco-pivetta.md>)

Topics: [Object-relational mapping](<https://devfeed.tech/topics/orm.md>), [Code](<https://devfeed.tech/topics/code.md>), [Dependency injection](<https://devfeed.tech/topics/dependency-injection.md>), [API](<https://devfeed.tech/topics/api.md>), [App](<https://devfeed.tech/topics/app.md>), [Databases](<https://devfeed.tech/topics/databases.md>)

Tags: [api](<https://devfeed.tech/tags/api.md>), [architecture](<https://devfeed.tech/tags/architecture.md>), [code](<https://devfeed.tech/tags/code.md>), [dependency-injection](<https://devfeed.tech/tags/dependency-injection.md>), [frontend](<https://devfeed.tech/tags/frontend.md>), [orm](<https://devfeed.tech/tags/orm.md>), [payment](<https://devfeed.tech/tags/payment.md>), [shopping](<https://devfeed.tech/tags/shopping.md>)

### AI overview

This article examines where to place I/O and domain-specific validation when working with aggregates in CQRS, event-sourced architectures, and imperative ORM entity code. Using a shopping-cart payment example, it discusses commands, aggregates, command handlers, guards, dependency injection, and the problem of moving business rules into application-layer handlers.

### Source excerpt

Some time ago, I was asked where I put I/O operations when dealing with aggregates. The context was a CQRS and Event Sourced architecture, but in general, the approach that I prefer also applies to most imperative ORM entity code (assuming a proper data-mapper is involved). Scenario Let's use a practical example: Feature: credit card payment for a shopping cart checkout Scenario: a user must be able to check out a shopping cart Given the user has added some products to their shopping cart When the user checks out the shopping cart with their credit card Then the user was charged for the shopping cart total price Scenario: a user must not be able to check out an empty shopping cart When the user checks out the shopping cart with their credit card Then the user was not charged Scenario: a user cannot check out an already purchased shopping cart Given the user has added some products to their shopping cart And the user has checked out the shopping cart with their credit card When the user checks out the shopping cart with their credit card Then the user was not charged The scenario is quite generic, but you should be able to see what the application is supposed to do. An initial implementation I will take an imperative command + domain-events approach, but we don't need to dig into the patterns behind it, as it is quite simple. We are looking at a command like following: final class CheckOutShoppingCart { public static function from( CreditCardCharge $charge, ShoppingCartId $shoppingCart ) : self { // ... } public function charge() : CreditCardCharge { /* ... */ } public function shoppingCart() : ShoppingCartId { /* ... */ } } If you are unfamiliar with what a command is, it is just the object that our frontend or API throws at our actual application logic. Then there is an aggregate performing the actual domain logic work: final class ShoppingCart { // ... public function checkOut(CapturedCreditCardCharge $charge) : void { $this->charge = $charge; $this->raisedEvents[

## How We're Thinking About Commerce and VR With Our First VR App, Thread Studio

DevFeed: [How We're Thinking About Commerce and VR With Our First VR App, Thread Studio](<https://devfeed.tech/articles/how-we-re-thinking-about-commerce-and-vr-with-our-first-vr-app-thread-studio-1434.md>)

Original publisher: [Read original article](<https://shopify.engineering/how-were-thinking-about-commerce-and-vr-with-our-first-vr-app-thread-studio>)

Author: Daniel Beauchamp

Published: 2016-09-29T17:00:00Z

Content type: opinion

Language: en

Sources: [Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering.md>), [Shopify Engineering - Shopify Engineering](<https://devfeed.tech/sources/shopify-engineering-shopify-engineering.md>)

Topics: [Shopify](<https://devfeed.tech/topics/shopify.md>), [Virtual reality](<https://devfeed.tech/topics/virtual-reality.md>), [App](<https://devfeed.tech/topics/app.md>)

Tags: [platform](<https://devfeed.tech/tags/platform.md>), [products](<https://devfeed.tech/tags/products.md>), [retail](<https://devfeed.tech/tags/retail.md>), [shopify](<https://devfeed.tech/tags/shopify.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [storytelling](<https://devfeed.tech/tags/storytelling.md>)

### AI overview

Shopify describes how virtual reality could support commerce through immersive product storytelling, spatial visualization, and merchant workflows. The article introduces Thread Studio, a VR app for arranging T-shirt designs on mannequins and producing print-ready files or opening a Shopify store.

### Source excerpt

3 minute read Hey everyone! I'm Daniel and I lead our VR efforts at Shopify. When I talk to people about VR and commerce, the first idea that usually pops into their heads is about all the possibilities of walking around a virtual shopping mall. While that could be an enjoyable experience for some, I find it's a very limiting view of how virtual reality can actually improve retail. If VR gave you the superpowers to do anything, create anything, and go anywhere you want, would you really want to go shopping in a regular mall?More than a virtual mall It's easy to take a new medium and try to shoehorn in what already exists and is familiar. What's hard is figuring out what content makes the medium truly shine and worthwhile to use. VR offers an amazing storytelling platform for brands. For the first time, brands can put people in the stories that their products tell. If you're selling scuba gear, why not show what it'd look like underwater with jellyfish passing by? Or a tent on a windy, chilly cliff, reflecting the light of a scrappy fire? It sure would beat being in a fluorescent-lit camping store. In VR, you could explore inside a tent before you buy it, or change the environment around you at a press of a button.

## Square Menu Embed v2 Adds Shopping Basket Support

DevFeed: [Square Menu Embed v2 Adds Shopping Basket Support](<https://devfeed.tech/articles/even-more-advanced-interactive-menus-15632.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/even-more-advanced-interactive-menus>)

Author: Square Engineering

Published: 2014-08-07T16:07:00Z

Content type: release

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [browser](<https://devfeed.tech/topics/browser.md>)

Tags: [checkout](<https://devfeed.tech/tags/checkout.md>), [customers](<https://devfeed.tech/tags/customers.md>), [embedded](<https://devfeed.tech/tags/embedded.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [modal](<https://devfeed.tech/tags/modal.md>), [release](<https://devfeed.tech/tags/release.md>), [sales](<https://devfeed.tech/tags/sales.md>), [shopping](<https://devfeed.tech/tags/shopping.md>)

### AI overview

Square's Menu Embed v2 adds shopping basket support, responsive item modals, and an embedded cart so customers can customize, review, and purchase multiple items without leaving a seller's website.

### Source excerpt

Our interactive menu embeds now turn your website into an online store

## Advanced Embedding with Square Market

DevFeed: [Advanced Embedding with Square Market](<https://devfeed.tech/articles/advanced-embedding-with-square-market-15491.md>)

Original publisher: [Read original article](<https://developer.squareup.com/blog/advanced-embedding-with-square-market>)

Author: Square Engineering

Published: 2014-07-09T16:07:00Z

Content type: tutorial

Language: en

Sources: [Square Corner Blog RSS Feed](<https://devfeed.tech/sources/square-corner-blog-rss-feed.md>)

Topics: [Website](<https://devfeed.tech/topics/website.md>), [Web Components](<https://devfeed.tech/topics/web-components.md>), [HTML](<https://devfeed.tech/topics/html.md>), [browsers](<https://devfeed.tech/topics/browsers.md>)

Tags: [browsers](<https://devfeed.tech/tags/browsers.md>), [components](<https://devfeed.tech/tags/components.md>), [embedded](<https://devfeed.tech/tags/embedded.md>), [engineering](<https://devfeed.tech/tags/engineering.md>), [html](<https://devfeed.tech/tags/html.md>), [self-service](<https://devfeed.tech/tags/self-service.md>), [shopping](<https://devfeed.tech/tags/shopping.md>), [widget](<https://devfeed.tech/tags/widget.md>)

### AI overview

Square Market describes how it developed an embeddable interactive menu for business websites. The article compares injecting HTML, using a web component, and using an iframe, ultimately choosing an iframe because browser support for web components was considered insufficient.

### Source excerpt

Ember an interactive menu into your website using Square Market.