Build a Page Speed 100 E-commerce Site

On e-commerce sites, page performance is everything. In this episode, Håkon Krogh will teach us how to build a web store that aces the Page Speed checks using Remix and Crystallize. 0:00:00 - Welcome 0:00:30 - Guest introduction 0:03:30 - How has e-commerce shifted in the last 2 years? 0:15:40 - The tech stack we’re going to use 0:16:44 - What’s going to make the biggest impact on performance? 0:18:57 - What do you reach for if you have to build a front-end, and why? 0:24:46 - What is it about Crystallize that makes it the right thing to reach for? 0:30:38 - How do I start building with Crystallize? 0:42:13 - Do I need to send headers? 0:55:03 - How do I pull images in? 1:10:16 - Deploying the project 1:24:36 - What should people do if they want to take it further? * demo: https://ecomm-remix-crystallize.netlify.app/ * repo: https://github.com/learnwithjason/ecomm-remix-crystallize Links: - https://crystallize.com - https://remix.run - https://www.learnwithjason.dev/let-s-learn-remix - https://www.learnwithjason.dev/remix-stacks - https://unsplash.com/s/photos/donut - https://www.npmjs.com/package/@netlify/plugin-lighthouse Watch future episodes live at https://twitch.tv/jlengstorf This episode was sponsored by: - Netlify (https://lwj.dev/netlify) - Nx (https://lwj.dev/nx) - Backlight (https://lwj.dev/backlight) Live transcription by White Coat Captioning (https://whitecoatcaptioning.com/) Credits: Local Elevator by Kevin MacLeod is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Source: http://incompetech.com/music/royalty-free/index.html?isrc=USUAN1300012 Artist: http://incompetech.com/ Busybody by Audionautix is licensed under a Creative Commons Attribution license (https://creativecommons.org/licenses/by/4.0/) Artist: http://audionautix.com/ Additional sound effects obtained from https://www.zapsplat.com