Projects
-
Singtel Shop
Online store for Singapore's largest telecommunication company. Built using React and Gatsby for the UI framework and AEM as a headless CMS. Hosted on AWS.
shop.singtel.com -
Go Bare
Award winning Australian skin care company. Built using Next.js and Shopify. Hosted on Vercel.
gobare.sg Read my article on how this project was built
Open Source
Projects that showcase different web technologies and how they can be used to solve different challenges.
-
Remix Commerce
Performant e-commerce that runs on the edge. Built using Remix running on Cloudflare Workers. It supports different commerce providers to showcase the benefits of a headless commerce architecture.
remix-commerce.petermekhaeil.workers.dev Source code -
Formula 1 Page Speed Insights
Performance report using PageSpeed Insights and Chrome User Experience Report to showcase which Formula 1 team has the fastest web performance. Built using Next.js and hosted on Netlify.
f1-page-speed-insights.netlify.app Read my article on how this project was built Source code -
Singapore E-Commerce Page Speed Insights
Performance report using PageSpeed Insights and Chrome User Experience Report to showcase which Singapore E-Commerce store has the fastest web performance. Built using Next.js and hosted on Netlify.
sg-page-speed-insights.netlify.app Read my article on how this project was built Source code -
Netlify Graph + Remix
Demo of Remix using Netlify Graph to fetch data from GitHub. When a new issue is created in this repository, it will be listed as a blog post.
netlify-graph-remix.netlify.app Source code -
Next.js Commerce + Shopify
Collection of hooks and data fetching functions to integrate Shopify in a React application. Designed to work with Next.js Commerce and can be used with other React commerce applications.
Source code -
Tailwind CSS Explorer VS Code Extension
VS Code Extension for Tailwind CSS - Explore the classes available in your project's tailwind setup.
VS Code Marketplace Source code -
Ractive.js Dev Tool
View and edit Ractive.js components using Chrome Dev Tools.
Source code