Web Development with Crystallize

This stream focuses on the topic of content modeling for eCommerce. Different content modeling approaches are discussed, with a real-world example of modeling for an online bookstore. The content modeling is done using Crystallize.

This stream focuses on the topic of content modeling for eCommerce. Different content modeling approaches are discussed, with a real-world example of modeling for an online bookstore. The content modeling is done using Crystallize.

This stream is the last in a series of 3 on the topic of content modeling for eCommerce. Product bundles are the headline for this stream. Bundles of products and product variants are covered in detail. Also, how you can create product variant-specific bundles. The content modeling is done using Crystallize.

In this Livestream video, Stavros, Partner Manager, and Bård, CEO of Crystallize, are generating a product catalog via the Crystallize GraphQL API in PDF format. They are doing it live with an example and go through the code, which you can find here.

Learn how you can build rich navigation using Crystallize Topic Maps, and combine products from different categories.

Stavros (Partner Manager) and Håkon (Head of Engineering) talk about modern headless architecture and Crystallize Service API that has the purpose to tie all the different services you’d be using together and present it to any given frontend.

The following Livestream video will help you learn how you can bootstrap your Crystallize tenant with shapes and data.

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework.

Responsive images are essential for a great user experience and vital for site speed. In this video, you’ll learn how to use the HTML elements picture, figure, and img with the properties srcset and sizes to ensure the browser loads the right image size for a given screen, using plain HTML and a React library to simplify the developer experience.

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 3 focuses on CSS styling.

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 4 continues with a focus on frontend styling with CSS.

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 5 focuses on tidying up our components to handle pricing and variant selection.

In this series, we’re building out a custom eCommerce storefront from scratch using Crystallize as a headless eCommerce service, GraphQL as the query language, and Remix for the frontend framework. Part 6 focuses on creating the cart, a vital step in our journey towards a full checkout process.

In this Livestream, we are talking about authorization in the Catalogue API and exploring ways how you can add an additional security layer when accessing Crystallize data.

Join us in this livestream to learn how the new gamified Roles & Permissions in Crystallize works. Live demos and behind the scenes information on the approach and design principles.

In this stream, we’re going to talk about how we can take advantage of the lightbox drawer (a feature of Magic Paste) to better reuse assets when creating products.

We’ve released our new Asset Organizer feature that allows you to easily organize and search through all of your media within Crystallize. In this stream, we have an overview of the new tool, plus some neat shortcuts for adding media to your items within Crystallize!

We're excited to announce responsive Frontend Previews as a new feature within Crystallize! This enables you to preview draft changes on your website in real time.

If you’re looking for how you can sell digital products like PDF downloads, 3D models, eBooks, fonts, or digital art, then look no further. This livestream covers how you can work with Crystallize as a headless eCommerce service to manage your digital products and also build the foundation for a subscription-based or pay-per-download business model.

Setting up your backend is key when designing any ecommerce experience. It allows you to market and sell your products the way you want, after defining a content base. In this Livestream, we dive into an example of setting up a back-to-school eCommerce store.

Learn how to create, handle and redeem gift cards and vouchers with Crystallize. We will go through different scenarios of how this can be enhanced to handle your specific business logic.

In this session, we will go through the process of defining a set of Vouchers in Crystallize, and use them during checkout on the NextJS boilerplate.

Learn how you can design and implement a content model for an online food store. We will show you how you can use the open-source Figma design system for content modeling and implement the model in Crystallize. You also learn how you can create the content and how to access it via the GraphQL headless eCommerce API.

React Day Norway 2021 happened online this year. Prior to the launch, we did a Livestream where we build the new conference website LIVE to kick off the call for papers.

In this Livestream video, we’ve shown you how you can use the Google Recommendations AI service to create a personalized shopping experience on your webshop. A fully working implementation using React, Next.js, and Crystallize is used and shared in this session.

This Livestream video covers how you can launch a site with members-only premium content. We discuss strategies for premium or member-only exclusive content and show how you can create this in Crystallize with video streaming powered by AWS Elemental. The frontend is using React / Next.js and is hosted on Vercel. Using Vercel Edge redirects to keep the site as fast for members and visitors.