Peter Mekhaeil

• How to get started with improving site performance

  18 June 2021

  With so many techniques on improving site performance - how does one start learning about site performance and what are the first steps?

  #performance

• Page Speed Comparison of Singapore Commerce

  10 June 2021

  Comparison of popular Singapore Commerce sites using data from the Chrome UX Report. We look at how they perform and the areas of improvement they can benefit from.

  #performance

• Data Fetching in Next.js

  18 May 2021

  Next.js offers different methods to fetch data for your page content - choosing the right approach for your application will allow you to benefit from the performant advantages that Next.js provides.

  #performance

• Improving Shopify page performance using Next.js

  13 April 2021

  With Google announcing that rankings are impacted by Core Web Vitals Audit scores, this is a perfect time for a Shopify-based online store to take the lead against their competitors by improving their SEO and their page performance speeds.

  #performance

• Notes - The Coding Career Handbook

  19 February 2021

  Notes from The Coding Career Handbook - Learning in Public by Shawn Wang.

  #webdev #career

• Page Speed Performance of Formula 1 Websites

  15 December 2020

  Performance report using PageSpeed Insights and Chrome User Experience Report to showcase which Formula 1 team has the fastest web performance.

  #performance

• Using FaunaDB and Netlify Functions for Analytics

  06 December 2020

  Build an API that will allow you to track page hits using FaunaDB and Netlify functions.

  #javascript #serverless

• Adding Dark Mode to your Tailwind CSS website

  30 November 2020

  How to add Dark Mode to your Tailwind CSS website.

  #javascript #tailwindcss

• What I have learnt as an engineering manager

  24 November 2020

  A collection of learnings from my adventures as an engineering manager.

  #career #leadership

• Be strong like your code

  21 November 2020

  Staying fit and active is important to our well-being and I'd like to remind us to take care of ourselves while we code away.

  #career #productivity

Projects

• page-speed-insights

  Compares page speed performance reports using Chrome User Experience Report.

• nextjs-commerce-shopify

  Shopify hooks to use with Next.js Commerce.

• vscode-tailwindcss-explorer

  VSCode Extension for Tailwind CSS - Explore the classes available in your project's tailwind setup.

• ractive-chrome-extension

  View and edit Ractive.js components using Chrome Dev Tools.

Sites

• Go Bare + Next.js

  Australian based skin care company - website built using Next.js and Shopify.

• 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.

• 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.

Hi there 👋

I'm a software engineer with a passion for building performant web apps using the latest web technologies. This is my space on the internet where I'll share my learnings. I am a work in progress so feel free to send me feedback on my learnings.