Bård Farstad

The headless approach is eating the web dev world… There is a good reason for it. Traditional monolith eCommerce platforms (like WordPress, Wix, Magento, Shopify, Drupal, etc.) often limit customization and agility due to their tightly coupled front and back systems.

Headless architecture, on the other hand, allows businesses to use different technologies for the front and back end, providing the freedom to create unique customer experiences without being constrained by the limitations of a monolithic architecture. Additionally, it allows for a best-of-breed approach to building your online store, where you can pick and choose the best solutions for your use case.

For many businesses, the decision to re-platform to a headless architecture is a technological upgrade and a strategic business move because it offers opportunities for enhanced agility, scalability, and a deeper engagement with customers through bespoke user experiences. This, more often than not, means a loyal audience and, ultimately, more sales.

How easy/hard it is to migrate to a new CMS/eCommerce/PIM platform depends heavily on your starting point, i.e., do you have a platform, and are you moving from a monolith or headless solution?

No platform/CMS? This should be easy because you are building a new digital experience for your audience and your team from scratch, which means there are no pre-defined restrictions your team should know.

Moving from monolith solution? Migration depends heavily on the solution you’ve used before. Migrating to a headless architecture involves significant technical challenges, including the re-architecture of the existing system, integration of APIs, and ensuring that all components work seamlessly together.

Changing headless platform? Again, it depends on the solution. Decupled front and back ends mean you can quickly adopt the exact content modeling in your new setting.

Transition requires meticulous and strategic planning, considering various factors, including technological limitations, integration complexities, future growth prospects, and budget constraints, making it much more difficult than anticipated.

However, there are general recommendations that will help you map out migration steps more easily.

Accelerate your product configurator development. This boilerplate enables visual shopping experiences with complex products. Powered by Crystallize and CharpstAR and wrapped in the frontend framework Next.js, this open source gives you a foundational immersive shopping experience. You can check out the boilerplate live in our running product configurator demo.

Sweef.se, renowned for its unique, high-quality, on-demand furniture at reasonable prices, is doing it by offering not just furniture but Sweden's comfiest furniture, fostering a culture of comfort, quality, and individual expression. They needed solid tech to back their efforts to deliver that via their digital storefront.

The previous platform, PrestaShop, although functional, lacked the flexibility and speed essential for delivering a superior user experience and managing the complex product configurations offered by Sweef.

Betting on a monolithic approach in the age of omnichannel demand, composable commerce, and best-of-breed tech stacks is an arduous task doomed from the beginning. So, instead of going the beaten path of eCommerce, they took a leap of faith and opted for a headless approach.

Do you want to build an eCommerce storefront using SvelteKit, Houdini, Tailwind, and with product information from the Crystallize GraphQL API? Well, look no further. We have created an open-source boilerplate that connects the dots for this stack.

Have you ever wondered why certain products make such a lasting impression? What separates Apple from any other tech brand or Starbucks from any other coffee shop? The secret lies in their stories. And guess what? You don't have to be a renowned brand to leverage this power.

Rich storytelling is the core of Crystallize headless commerce. Re-imagine eCommerce and a case study of a project that brought Crystallize to life are all about product storytelling. After all, Crystallize is conceptualized as a single source from which you can tell the story behind your brand and product with ease and build a stronger customer experience by inspiring and informing your audience on every channel of interest (resulting in higher conversion rates, a more sticky customer experience, and fewer interactions via customer support of course).

Every product has a story; it's all about how you tell it (and who's backing your efforts).

According to Semrush, 50% of brands are still not using structured content. This means that the content a half of businesses out there create isn't reaching relevant people or at least isn't doing it nearly as successfully as it could be.

The online world is more crowded and competitive than ever, making it difficult to stand out and get noticed. And don't get us started with AI stuff that is published/made at a staggering rate. On top of all that, your audience's expectations are higher than ever: they want personalized, relevant, and engaging content everywhere they go online.

All this is made possible with structured content.

Structured content enables you to do more with your content. Not only does it enhance the user experience by providing precise navigation and consistency, but it also improves search engine optimization (SEO) by increasing relevance and improving ranking.

Implementing structured content on your website is becoming a crucial step to drive traffic, engage users, and achieve online success.

But first …

Gartner magic quadrant view, business expectations, industry leaders' opinions, most popular solutions… best of articles come in all shapes and sizes. This one of ours about eCommerce platforms is a bit different… we hope.

Driving customer acquisition, optimizing the eCommerce experience, fostering loyalty, and scaling operations are the reason why brands opt out for Direct-to-Consumer (DTC) approach in business and marketing. But is it for everyone, and how do you start with it?

Edge computing makes it possible to deliver and process data even closer to end-users today, and businesses are slowly discovering the potential it offers.

NextJS on the front + Crystallize on the back for content management and subscription management for new blazing-fast BUNAD Magasinet website.

Gullpila delivers engaging live and on-demand HD video content to Odds Ballklubb football club fans and represents a new direct revenue stream for the club.

A great product taxonomy improves your customer user experience and how they find the right product they need much easier and faster.

The benefits and competitive advantages of headless commerce are many. When done right, of course. Let’s look at some of the primary advantages that a proper headless commerce buildout can provide.

Besides your product/service, pricing is at the very heart of eCommerce. Customizing product prices in Crystallize has become a lot easier with the price list.

Turning your product information into PDF in seconds. Publish catalogs, datasheets, and price lists in a flash with a headless PIM system.

Our journey to reimagining eCommerce is not about adding features. It's about delivering core, modern commerce business requirements and future-proofing tech stacks.

The B2B eCommerce sector is undeniably booming, marked by an exhilarating growth trajectory. As of 2021, different sources have reported the market size ranging from USD 2.3 billion to a staggering USD 7.35 trillion, with a projected Compound Annual Growth Rate (CAGR) varying from 17.48% to 29.3% for the coming years​.

One notable driver of this growth is the swift ascendancy of manufacturers in the eCommerce arena, who amplified their online sales by 18.4% in 2021, reaching $543.25 billion from the previous $458.7 billion​.

The fervent expectations of B2B sellers further underscore this upward trend, as nearly 20% anticipate their eCommerce sales to burgeon by at least 25% in 2023​.

B2B eCommerce is not just a modern-day convenience; it's a strategic imperative for businesses aiming to secure a competitive edge in today's digital-first marketplace.

But is it an approach for your business?

The frontend frameworks ecosystem is booming so much that finding the right one for your online business/store has become challenging (at best). We’d love to help. This post is all about that.

Content modeling is an interesting topic and lays the foundation for a great eCommerce architecture. When done correctly, of course.

Composable Commerce represents a paradigm shift in eCommerce architecture, fundamentally redefining how businesses approach their online shopping experiences.

Gartner predicts that by 2023, organizations that have taken to the composable approach will outpace the competition by 80% in the speed of new feature implementation.

Monolith, headless, microservices, Jamstack, MACH, composable… just when you thought you’d caught up, a new tech term popped up on the market. Distinguishing what they mean for you and your business is as hard as understanding their subtle differences, so let’s unwrap them today.

Remix is getting quite some attention lately, and being in the eCommerce space, it has caught our eye.

Let us dive into the topic typically described as the most complicated topic to learn for developers. Or better, the hardest to master.

Netlify, Vercel, Platform.sh … the static website hosting landscape has changed significantly in the past few years and is only getting better.

Creating a seamless and engaging on-site customer experience is the ultimate goal for everyone running an online store. Besides your product/service, your store performance and product videos ensure you get the much-needed attention.

It makes no sense, but it is true. The reason for waiting in line is that many online stores are running on outdated technologies that simply do not scale, like Elkjøp in Norway or Jeffree Star.

The Jamstack strategy is gaining momentum these days, and rightfully so. Benefits such as better performance and easier scaling alongside better developer experience come to mind immediately. One of the main reasons we got into the business of reimagining ecommerce is giving devs the freedom to BYOF (bring your own front end). To tailor-make the front end and build a process for continuous deployment for fast iterations and deliver the best possible customer experience.

To make it even easier to start a Gatsby JS ecommerce project, we combined our Crystallize PIM with Gatsby, a modern React-based framework, to build out a super scalable Jamstack headless commerce solution. The results are staggering. Pagespeed score of 100 and a 3ms average response time when scaling out with 500 concurrent users on Vercel. Fast.

We have server-side rendered React using an early version of the Next.js framework on the front end and Crystallize powering the backend for complete product information, product storytelling, and order fulfillment management.

Video is dominating the digital marketing landscape and contrary to what you may have heard there are a couple of ways you can easily add them to your Jamstack website.

Not your average list but a comprehensive 19-point eCommerce SEO checklist with everything you need to know to optimize your store and successfully grow organic traffic and revenue.

Why does only B2C eCommerce tech have all the shiny toys? Well, this is about to change.

Subscription ecommerce business models have seen fantastic growth in recent years. With Crystallize being at the forefront of it, now is the time to dive into the ins and outs of starting, running, and scaling an eCommerce subscription business.

A different, heavily opinionated look at the future of eCommerce. Let’s talk about the eCommerce trends like owned channels, community building, sustainability, App commerce, and B2B commerce that I think will dominate 2022.

Check out the top reasons your ecommerce platform needs to be blazing fast if the satisfied customer is not a good enough explanation.

For many businesses, site search comes as an afterthought, while in reality, if done right, it can be another significant revenue stream.

We've talked lengths about site speed and performance affecting your search engine ranking and organic traffic but did you know site speed affects Adwords pricing and ranking as well?

A headless approach to PIM means having a service ready to manage product information in seconds. Product information and content are delivered via an API. No templates, no web pages, only structured content. Pure developer bliss.

With the rapid growth of tools and solutions available in the space now is probably the best time to move your online store to Jamstack eCommerce architecture.

Genuine internet craftsmanship is performed by experienced UX designers, front-end developers, and information architects. The combined focus on customer experience, frontend performance, and beautiful reusable information architecture is rocket fuel for SEO, conversion and click-through rates, and reusable content services.

The differentiation is in the execution—in the details.

Instead of building a better PIM, CMS, eCommerce, or order management service, we wanted to design an API layer you need to market and sell your products on any channel, at any scale, and in any way you want it. A perfect product story engine, if you will.

Hyperlinks are one of the most important aspects of content creation, copywriting, and website management in general. And we should all know by now how to use hyperlinks properly, right?

New sales channels appear every day. Instagram now has a shopping tab, WhatsApp is getting one, TikTok is jumping onto the eCommerce wagon, and purchasing groceries from your smart fridge has become a reality. If your online store is your only sales platform, then you’re seriously missing out.

Yes, we get it.

First, it’s creating content for your website. Then, it’s creating content for mobile. It’s creating social media sales channels, smartwatches, and other IoT devices. Moreover, the number of these will only increase in the future.

And who has a team that large? Not many! But hey, that’s why you’re here because this is where headless commerce shines.

Headless commerce and headless architecture have gained much traction lately, so the market for headless commerce is projected to expand to around USD 2.2 billion by 2023. Over six in ten retail companies plan to migrate to headless commerce platforms by 2024, while over 20 percent already use them (source: headless commerce stats 2024).

PIM is your centralized product information system from which the product data is distributed to all relevant stakeholders, teams, and sales channels.

Core Web Vitals, LCP, Cumulative Layout Shift, FID, Webpagetest.org, Google Lighthouse, Pagespeed Insight, CrUX, or the latest one, Interaction to Next Paint (INP) —we're sure you've stumbled upon one of these in your quest to improve front-end performance.

But how do you measure performance? And why do you need to be data-driven and continuously monitor, optimize, and build a performance testing and optimization culture?

Let's explore that. Let's go millisecond hunting.

TL;DR chunks give more possibilities of re-use, logic, and referencing other content. Future-proofing and time-saving.

Nowadays the performance of your website matters big time.

Site speed matters we know that. But how does speed affect your SEO efforts and, ultimately, ranking? To figure that out we did a Monstera Obliqua identification and care keyword test project.

There is a shift in the way we buy and use the software. Most software is today rolled out as API services using a saas business model. Basically democratization of technology. You get full access to all features and pay for usage. No feature differentiation based on size. By creating a best-of-breed headless stack you can achieve a bigger focus on innovation rather than building and maintaining commodity services.

By using structured data to describe your web pages, you contribute to a more semantic web. This is a web where we describe the data being shown and not just how it should look, making it machine-readable. Google also uses structured data to enhance search results. Here is how you can add, test, and verify that your web pages are properly structured for the semantic web - as Google sees it.

An important skill for better Internet craftsmanship.

Google is updating its ranking algorithm in June of 2021 to include the page experience scores. The goal is to reward websites that have a great page experience and to put extra pressure on slow websites. In short, you get better rankings in organic search and pay less for Google Ads if you score well in-page experience. Core web vitals will then be part of the page experience score.

Learning Vue.js doesn’t require a lot of upfront knowledge (classic CSS, HTML, and JavaScript is enough). That fact alone plays a huge part in its adoption. The lightweight nature of Vue.js is the other.

How fast and well your website can handle serious amounts of simultaneous order placements can make or break businesses. It depends on your chosen ecommerce platform, of course. So we tested ours.

Being able to use actual data is a great way to stress-test your design. Thanks to the use of API and a pre-made plugin you can now populate your Figma design file with product information from your Crystallize PIM.

Export your data with a simple push-button copy/paste to a spreadsheet. Use sales insight to support better decisions for your online business.

The product catalog (PIM) is the heart of any eCommerce solution. With Crystallize, we've based our APIs on GraphQL. We wanted developers to have freedom and flexibility when building their user interfaces without having a backend that slows them down.

Crystallize is designed to rapidly launch new subscription-based digital services. Integrated with over the top (OTT) live and on-demand video delivery with AWS Media Services you have a game-changing recipe. Allowing brands to launch new subscription-based streaming services at an unprecedented pace.

We just finalized the legal stuff for Crystallize together with the brilliant team at Bull, what a great name for a legal firm btw. We wanted to have friendly and balanced terms of service to reflect our philosophy and customer focus. Slack, which we think is awesome, set the bar at about 5900 words. The Crystallize terms of service count today 2272 words which is just 38,5% of what the great team at Slack has, and that is including the order form.

Matrix-based organization of products enables information architecture that is not easily done with hierarchical or topic map-based organizers. The grid organizer gives you a powerful product information management tool to build powerful taxonomies for your eCommerce. Simply manage products in a grid with drag and drop. Easy.

React is super popular for eCommerce these days. Single-page applications (SPA) are typically the starting point due it their awesomeness. React SPA is however not awesome for SEO and time to first meaningful render. This is where server-side rendering (SSR) with Next.JS comes in. Frontend performance is super-important according to the ecommerce SEO checklist so you need to have fast APIs. GraphQL done properly could help your performance that you should verify with profiling and benchmarking. For eCommerce SEO the good old best practice still applies like title and h1 tag usage.

We are proud to welcome the JavaScript engineering consultancy Formidable as the first official partner to Crystallize. After getting to know the team we are super impressed by their skills and their attitude towards leveling up their peers and customers. This is a team we are very much looking forward to being working with.

Tell the story behind the product.

With starting my new software venture, Crystallize, I hired a designer as employee number one the second was an illustrator. I wanted to front-load focus on design, user experience, visualization, and content strategy and not have that being an afterthought. Here is why.

REST vs. GraphQL dilema from the perspective of a eCommerce platform. Both sides have pros and cons, but here is what moved the needle for us.

Webhooks are used to orchestrate events in our headless ecommerce service. We have now introduced GraphQL to allow you to select exactly the data you need for each webhook. You do not need to circle back to fetch the data you need. Simple, quick, and you are in control.

GraphQL delivers a better developer experience with a self-describing API, query and mutation input validation, and a single query to your backend that returns exactly the data you need. This is why we based our fast ecommerce API on GraphQL.

React Native is a popular framework for building cross-platform mobile apps. With this in mind, we've built React Native ecommerce app boilerplate from scratch, and in this short tutorial, I will explain how to use it.

With site speed becoming an important part of a customer experience making sure that the number of backend requests during runtime has become important.

You can use long-form storytelling to increase engagement by creating authentic experiences. Learn from Patagonia and The New York Times how to build trust and grow your online audience. Emotional stories that inspire are more likely to be shared and, if you are lucky, even go viral. We have created an open-source eCommerce boilerplate to get you started with long-form storytelling.

Price variants allow you to build a pricing scheme for your products to support B2B, B2C, international multi-currency sales, or discount management. In Crystallize, you define global price variants that apply to all products. The User Guide shows how price variants work.