Skip to main content
More in Learn

Livestreams

Videos to facilitate your workflow in Crystallize.

Frontend Performance

Fast eCommerce with Cloudflare using React, Next.js

Learn how you can launch your Next.js eCommerce storefront with super fast Service Workers from Cloudflare. No Lambda warmup, fast and beautiful user experience. Learn the possibilities of Cloudflare Service Workers in combination with Next.js hosted frontend.

Site Speed Auditing

Join us for a session of speed auditing eCommerce sites. We'll compare performance and talk about way to improve the performance score of your own eCommerce site.

Speeding up Next.JS websites

JAMStack is now more popular than ever due to its promise to deliver better performance and scalability than the traditional server rendered websites. Still, when comparing performance to a traditional server-rendered site, many JAMStack sites lose, leaving the end-users worse off. Why is this happening? Shouldn’t the JAMStacks advantage of delivering HTML from CDN out-beat everything?

Headless architecture with GraphQL Service API

Join us in the release of the new Service API, where we discuss how a modern headless architecture can be implemented.

Image Handling for Web Performance

Serving images properly on your website is tightly associated with not only performance, but also user experience. In this video, we go through the best practices for handling images for the web with SEO, performance, responsiveness and user experience in mind.

Protecting your API with Access Tokens

In this livestream we are looking at how you can add an additional security layer when accessing Crystallize data.

GraphQL middleware for headless eCommerce with Crystallize Service API

Modern eCommerce solutions require using a stack of multiple services, each performing a part of the business logic. A decoupled architecture like this, needs a modern middleware to sync between the services, handle parts of the business logic, webhooks and be the single point of reference for all modern frontends. Join us in this livestream where we discuss how the new Service API can be the GraphQL middleware to do all the above.

eCommerce site speed auditing

Join us for a session of speed auditing eCommerce sites. We'll compare performance and talk about way to improve the performance score of your own eCommerce site.

Internet Craftsmanship

Headless eCommerce What? Why? How?

In this session we go through some of the important questions when someone looks into working with a headless architecture in the eCommerce space.

Introduction to content modeling for headless eCommerce

This introduction to content modeling walks through the definition of content modeling. The process of content modeling. Finally we dive into real world examples of how you can model content and product information in Crystallize.

Structured Data and SEO

Learn how the semantic web with structured data is good for SEO. How Google uses structured data for enhancements, how you can use structured data and how you can test and verify this.

Headless Architecture for eCommerce Performance

Join us for a session where we discuss headless architecture for eCommerce. We will visit touchpoint such as Scalability, Technology and Frameworks, trends and concepts.

Content Modeling using Figma

A great content model is the best starting point when starting a new webshop, app or a marketing website. We have created a design system in Figma for content modeling, and we are exploring together how to do it.

SEO Checklist for eCommerce

Continuing the talk about best practices and SEO, we go through a checklist developers, architects, and anyone that aims to get better ranks should follow.

Introduction to Content Modeling with Crystallize Shapes

Modeling is the most important step of any application, as it defines the ideas and direction both product and content marketing. In this livestream we go though the process of designing our content architecture. As an example we will design and model out the Netflix content model.

Taxonomy for Product Information using Topic Maps

A great taxonomy can improve how your customers find the right product faster, allow for better navigation structures and provide better product descriptions. By properly tagging your products with topics that describe different concepts you will ultimately increase your eCommerce conversion rate. We will be using the topic maps in Crystallize to demonstrate how you can add a rich taxonomy to your product information.

Boilerplate Videos

Bootstrap your Tenant with Crystallize CLI

Learn how you can bootstrap your Crystallize tenant with shapes and data.


Building an eCommerce website with React - Next.JS

In this livestream we are launching a headless eCommerce storefront. Crystallize serves as the headless eCommerce GraphQL API service with the storefront being built in React/NextJS and the frontend is hosted on Vercel.

Building a Webshop (Part 1)

Your site speed and performance play a great role in getting highly ranked in Google. During this event we are building a tailor made webshop Live using our Crystallize NextJs boilerplate. We will be customising, configuring and finally deploying it on Vercel.

Building a Webshop (Part 2)

Continuing our previous event, we will be modifying the already set up Next.js by customising our product shapes, UI and redeploying that using Vercel.

Building a Webshop (Part 2)

Continuing our previous event, Didrik will be adjusting the UI to the latest update on custom shapes and pages and finally redeploying that using Vercel.

Set up and Deploy Crystallize Service API & Boilerplate

This livestream is all about deploying your headless infrastructure with the Crystallize Service API and one of the open source Boilerplates. We will divide the steps to running each of the boilerplates locally, all the way to finally deploying to Vercel and testing live.

Speeding up Next.JS websites by removing JavaScript

JAMStack is now more popular than ever due to its promise to deliver better performance and scalability than the traditional server rendered websites. Still, when comparing performance to a traditional server-rendered site, many JAMStack sites lose, leaving the end-users worse off. Why is this happening? Shouldn’t the JAMStacks advantage of delivering HTML from CDN outbeat everything?

Vue webshop using Nuxt JS

Following up on the open source releases is the Vue.js and Nuxt.js boilerplate. Here we will be showing how you can boot up with a new project, and get started with Crystallize if you are a Vue.js developer.

Building an eCommerce storefront with Gatsby JS

In this event we showcase the updated version of our open source GatsbyJS boilerplate.

React Native eCommerce App

Going headless means you can use your content in every channel and share it from a central service. Following the other open source starting boilerplates of React and Gatsby, this time go through the updated React Native app boilerplate.

Building a Vue.js storefront with Nuxt.js & GraphQL

In this video we go through the new eCommerce boilerplate using Vue.js and Nuxtjs.

Shop examples

Gift Cards and Vouchers with Crystallize

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.

How to set up Vouchers in Service API

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.

Content modeling: online food store

Learn how you can design and implement a content model for an online food store. We show 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.

Design, Build and Launch React Norway Conference Site

React Day Norway 2021 will happen online. Join us when we build the new conference website LIVE to kick-off the updated call for papers.

Building Navigation with Topic Maps in Crystallize

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

Google Recommendations AI for a personalized eCommerce shopping experience

In this video we show 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.

Building a premium video streaming & content website with paywall using React + Next.js

This livestream 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.

People showing thumbs up

Need further assistance?

Ask the Crystallize team or other enthusiasts in our slack community.

Join our slack community