A simple E-Commerce website with optimized media using Cloudinary. This repo was built using the E-Commerce-Template.
Download the application from Git and install the dependencies.
git clone https://github.com/akshay-ranganath/react-summit-optimized
cd react-summit-optimized
npm install (or yarn install)
npm start (or yarn start)
This application was developed as a hands-on template for our React Summit workshop titled Faster Media=Faster Websites!. Here's the objective as provided on the react website.
As eCommerce all around the world has shifted to a predominantly online-first platform the need to provide a high performance website to your users has significantly increased. And on top of that, google has announced that as of May 2021 Core Web Vitals will have a direct impact on page rankings and SEO making web performance even more significant. Come learn the basics of web performance and how it relates to media. Using a simple React based ecommerce app in conjunction with a media optimizing product, you can learn how to deliver the optimal format and fidelity, potentially improving your page rankings.
We will link our presentation once the workshop is complete.
As part of the training, we cover a lot of options on using Cloudinary. We have pulled out the different features that a typical developer faces and shared it as a simple to try Code Sandbox.
We're sharing a few more links to learn about Web Perf and Cloudinary: