https://blog.maximeheckel.com/posts/running-golang-tests-with-jest-b5d8f3d43a7/
Running Golang tests with Jest - The Blog of Maxime Heckel
Jan 10, 2018 - How to use the Jest platform to run Golang test
maxime heckelrunninggolang
https://blog.maximeheckel.com/posts/getting-started-with-typescript-on-gatsby-8544b47c1d27/
Getting started with Typescript on Gatsby - The Blog of Maxime Heckel
Feb 5, 2019 - A step by step guide to get Typescript, tslint and Prettier working on any existing Gatsby project.
getting startedtypescriptblog
https://blog.maximeheckel.com/posts/guide-to-cicd-for-frontend-developers/
The little guide to CI/CD for frontend developers - The Blog of Maxime Heckel
Jul 28, 2020 - How to ship your app faster, more reliably and make your team unstoppable with good testing practices and automation.
ci cdfrontend developersguide
https://blog.maximeheckel.com/
The Blog of Maxime Heckel
maxime heckelblog
https://blog.maximeheckel.com/posts/automated-ui-accessibility-testing-with-cypress-cc2e38231241/
Automated UI accessibility testing with Cypress - The Blog of Maxime Heckel
Jul 9, 2019 - Make sure your UI projects follow accessibility standards before deploying to production
automated uiaccessibilityblog
https://blog.maximeheckel.com/posts/framer-motion-layout-animations/
Everything about Framer Motion layout animations - The Blog of Maxime Heckel
Mar 8, 2022 - A complete guide to Framer Motion layout animations showcasing every concept, from the layout prop, shared layout animations and LayoutGroup, to complex...
framer motioneverythinglayout
https://blog.maximeheckel.com/posts/immigrating-to-the-us-my-path/
Immigrating to the US - The Blog of Maxime Heckel
Jun 26, 2020 - US immigration explained for American citizens by an immigrant.
us blogmaxime heckel
https://buymeacoffee.com/maximeheckel
Maxime Heckel - Buymeacoffee
Hey 👋 I just created a page here. You can now buy me a coffee!
maxime heckelbuymeacoffee
https://blog.maximeheckel.com/posts/react-sub-components-part-2-using-the-new-context-api-6f1c089acfe4/
React sub-components Part 2: Using the new Context API - The Blog of Maxime Heckel
Apr 16, 2018 - Further simplifying the sub-component pattern using contexts to make flexible, easily testable and reusable React components
react sub componentspartusing
https://blog.maximeheckel.com/posts/the-power-of-composition-with-css-variables/
The Power of Composition with CSS Variables - The Blog of Maxime Heckel
Feb 2, 2021 - How leveraging CSS variable composition and HSLA colors helped me build a more efficient way to theme my apps and rely less on CSS-in-JS.
css variablespowercomposition
Sponsored https://haremvilla.net/
Harem Villa - Free RPG Dating Sim for PC & Mobile
Play Harem Villa, the addictive merge puzzle game where you restore a luxury villa and romance stunning characters. Free dating sim on PC & Mobile!
https://blog.maximeheckel.com/posts/framer-motion-emotion/
How to use Framer Motion with Emotion styled-components - The Blog of Maxime Heckel
May 12, 2020 - Framer Motion x Emotion → animated styled-components
framer motionuseemotionstyled
https://blog.maximeheckel.com/posts/react-sub-components-part-3-whitelisting-sub-components-with-flow-b04f9bcf80c2/
React sub-components Part 3: Whitelisting sub-components with flow - The Blog of Maxime Heckel
May 1, 2018 - Adding more control to the sub-component pattern with Flow types
react sub componentspartflow
https://blog.maximeheckel.com/posts/creating-beautiful-screenshots-source-code-with-serverless-function/
Generate screenshots of your code with a serverless function - The Blog of Maxime Heckel
Jun 9, 2020 - Programmatic Carbon images generation from a simple API
serverless functiongenerate
https://blog.maximeheckel.com/posts/rebuilding-redux-with-hooks-and-context-e16b59faf51c/
Rebuilding Redux with Hooks and Context - The Blog of Maxime Heckel
Dec 4, 2018 - A simple global state management package based on React constructs
rebuildingreduxhookscontext
https://blog.maximeheckel.com/posts/moebius-style-post-processing/
Moebius-style post-processing and other stylized shaders - The Blog of Maxime Heckel
Mar 26, 2024 - A detailed essay on the process of building a post-processing stylized shader reproducing the style of legendary artist Jean Giraud a.k.a Moebius for your...
post processingmoebiusstyle
https://blog.maximeheckel.com/posts/on-crafting-painterly-shaders/
On Crafting Painterly Shaders - The Blog of Maxime Heckel
Oct 29, 2024 - A detailed essay on my research and process of building a shader to mimic paint, watercolor, and aquarelle by exploring various implementations of the Kuwahara...
maxime heckelcraftingshaders
https://blog.maximeheckel.com/posts/how-i-got-started-with-kubernetes-on-gke-5f829eca98bc/
How I got started with Kubernetes on GKE - The Blog of Maxime Heckel
Jun 19, 2018 - How I deployed, published, scaled and setup SSL certificates for my personal projects
got startedkubernetesgkeblog
https://blog.maximeheckel.com/posts/config-2025/
Speaking at Figma Config 2025 - The Blog of Maxime Heckel
May 8, 2025 - An overview of the talk I had the chance to give the Figma Config, sharing my passion and learning journey around shaders and real-time 3D on the web.
figma configmaxime heckelblog
https://blog.maximeheckel.com/posts/guide-animations-spark-joy-framer-motion/
Guide to creating animations that spark joy with Framer Motion - The Blog of Maxime Heckel
spark joyframer motionguide
https://blog.maximeheckel.com/posts/using-flow-generics-to-type-generic-react-components-22dd642634d8/
Using Flow generics to type generic React components - The Blog of Maxime Heckel
Oct 16, 2018 - How Flow generics help typing complex multi-purpose components
react componentsusingflowtype
https://blog.maximeheckel.com/posts/advanced-animation-patterns-with-framer-motion/
Advanced animation patterns with Framer Motion - The Blog of Maxime Heckel
advanced animationpatterns
https://blog.maximeheckel.com/posts/learning-in-public/
Learning in public - The Blog of Maxime Heckel
maxime heckellearningpublic
https://blog.maximeheckel.com/posts/https-medium-com-maximeheckel-how-to-efficiently-type-your-styled-components-with-flow-f43930a0dd2b/
How to efficiently type your styled-components with Flow - The Blog of Maxime Heckel
Oct 9, 2018 - Adding Flow on top of styled components to avoid misusages before they hit production, and make developers’ and designers’ life easier.
styled componentsefficiently
https://blog.maximeheckel.com/posts/the-art-of-dithering-and-retro-shading-web/
The Art of Dithering and Retro Shading for the Web - The Blog of Maxime Heckel
Aug 6, 2024 - A detailed walkthrough of the inner workings of dithering and other shading techniques to give a retro look and feel to your WebGL and React Three Fiber work.
artditheringretroshadingweb
Sponsored https://www.fanvue.com/sofia_storme
Sofia Storme - Fanvue
Hey, newest on here. Just landing on here and I'm already so excited. I can't wait to show you everything I've been hiding...
https://blog.maximeheckel.com/posts/real-time-cloudscapes-with-volumetric-raymarching/
Real-time dreamy Cloudscapes with Volumetric Raymarching - The Blog of Maxime Heckel
Oct 31, 2023 - This article is a deep dive into my experimentations with Volumetric rendering and how to leverage it to render beautiful raymarched cloudscapes in React Three...
real timedreamycloudscapes
https://blog.maximeheckel.com/posts/caustics-in-webgl/
Shining a light on Caustics with Shaders and React Three Fiber - The Blog of Maxime Heckel
Jan 23, 2024 - A step-by-step guide on how to build a caustic light effect for your React Three Fiber project using shaders, render targets, normal maps, and custom materials.
react threeshininglight
https://blog.maximeheckel.com/posts/running-cross-browser-cypress-github-ci/
Running scheduled cross-browser end-to-end tests on Github CI - The Blog of Maxime Heckel
Mar 10, 2020 - Github actions + Cypress + cross-browser testing = 🚀
cross browser endrunningtests
Sponsored https://jerkmate.com/
Jerkmate: Live Sex Cams & Live Porn Chat for XXX Fun
Join for free & Jerk for fun! With live cam models of every sexy kind. Why watch old porn? Experience live sex cams in wild cam-to-cam XXX action now!
https://blog.maximeheckel.com/posts/how-to-build-first-eslint-rule/
How I built my first custom ESLint rule - The Blog of Maxime Heckel
Nov 19, 2019 - A guide to get started with AST (Abstract Syntax Tree) and custom built ESLint plugins
custom eslintbuiltfirstrule
https://blog.maximeheckel.com/posts/post-processing-as-a-creative-medium/
Post-Processing Shaders as a Creative Medium - The Blog of Maxime Heckel
Feb 4, 2025 - A detailed compilation of my post-processing and custom stylized shader experiments — from pixel patterns and optical illusions to dynamic, animated effects.
post processingshadersmedium
https://blog.maximeheckel.com/posts/field-guide-to-tsl-and-webgpu/
Field Guide to TSL and WebGPU - The Blog of Maxime Heckel
Oct 14, 2025 - A comprehensive guide to building 3D web experiences with TSL and WebGPU, covering shader development, compute shader applications, and practical examples for...
field guidetslwebgpublog
https://blog.maximeheckel.com/posts/the-study-of-shaders-with-react-three-fiber/
The Study of Shaders with React Three Fiber - The Blog of Maxime Heckel
Jul 26, 2022 - A complete guide on how to use shaders with React Three Fiber, work with uniforms and varyings, and build dynamic, interactive and composable materials with...
react three fiberstudyshaders
https://blog.maximeheckel.com/posts/vaporwave-3d-scene-with-threejs/
Building a Vaporwave scene with Three.js - The Blog of Maxime Heckel
Jan 25, 2022 - A step-by-step tutorial documenting my attempt at reverse-engineering the vaporwave WebGL scene from the Linear 2021 release page using solely fundamental...
three jsbuildingvaporwaveblog
https://blog.maximeheckel.com/posts/first-failed-swiftui-project/
My first failed SwiftUI project - The Blog of Maxime Heckel
Jan 19, 2021 - A reflection on my experience building my first SwiftUI app, what I learned, the challenges I faced, and the reasons that made me not release it.
maxime heckelfirstfailedblog
https://blog.maximeheckel.com/posts/first-steps-with-gpt-3-and-beyond/
First steps with GPT-3 for frontend developers - The Blog of Maxime Heckel
first stepsgptfrontendblog
https://blog.maximeheckel.com/posts/building-perfect-github-action-frontend-teams/
Building the perfect GitHub CI workflow for your frontend team - The Blog of Maxime Heckel
github cibuildingperfectteam
https://blog.maximeheckel.com/posts/build-serverless-preview-deployment/
Build your own preview deployment service - The Blog of Maxime Heckel
preview deploymentbuildblog
https://blog.maximeheckel.com/posts/duplicate-dependencies-npm-link/
How to fix NPM link duplicate dependencies issues - The Blog of Maxime Heckel
Mar 31, 2020 - Dealing with dependencies when developing a package and using it through npm link.
fixnpmduplicatedependencies
https://blog.maximeheckel.com/posts/scrollspy-demystified/
Scrollspy demystified - The Blog of Maxime Heckel
Mar 9, 2021 - A deep dive into how the inner workings of a Scrollspy, Intersection Observers, and how to integrate it with Markdown-based static sites without the need of...
maxime heckeldemystifiedblog
https://blog.maximeheckel.com/posts/swiftui-as-react-developer/
Going native: SwiftUI from the perspective of a React developer - The Blog of Maxime Heckel
Sep 16, 2020 - Approaching native iOS development with a React developer mindset
going nativereact developer
https://blog.maximeheckel.com/posts/static-tweets-with-mdx-nextjs/
Static Tweets with MDX and Next.js - The Blog of Maxime Heckel
Jun 1, 2021 - A solution to remove sluggish Twitter embed iframes and load the tweets in your blog posts at the speed of light.
next jsstatictweetsmdxblog
https://blog.maximeheckel.com/posts/switching-off-the-lights-adding-dark-mode-to-your-react-app-with-context-and-hooks-f41da6e07269/
Switching off the lights - Adding dark mode to your React app - The Blog of Maxime Heckel
Mar 5, 2019 - In this post, I’m going to share with you how I built dark mode support for a sample React app with Emotion themes.
dark modeswitchinglightsreact
https://blog.maximeheckel.com/posts/data-fetching-with-next-js/
Data Fetching with NextJS: What I learned - The Blog of Maxime Heckel
May 5, 2020 - GetServerSideProps vs GetStaticProps vs GetStaticPaths.
data fetchingnextjslearned
https://blog.maximeheckel.com/posts/migrating-to-nextjs/
Migrating to Next.js - The Blog of Maxime Heckel
Jun 29, 2021 - Some thoughts on my experience using Gatsby for my blog and migrating it to Next.js, and why this was the right call for me going forward.
next jsmaxime heckelmigrating
https://blog.maximeheckel.com/posts/preloading-views-with-react/
React Lazy: a take on preloading views - The Blog of Maxime Heckel
Sep 24, 2019 - How to add preloading to your route based code split apps
reactlazytakepreloadingviews
https://blog.maximeheckel.com/posts/seo-mistakes-i-have-made-and-how-i-fixed-them/
SEO mistakes I've made and how I fixed them - The Blog of Maxime Heckel
Oct 13, 2020 - A look back at what I learned fixing my terrible SEO mistakes on my Gatsby websites
seo mistakesmadefixed
https://blog.maximeheckel.com/posts/building-a-graphql-wrapper-for-the-docker-api-2109f2b9c202/
Building a GraphQL wrapper for the Docker API - The Blog of Maxime Heckel
May 28, 2019 - From REST calls to powerful queries
docker apibuildinggraphqlblog
https://blog.maximeheckel.com/posts/asynchronous-rendering-with-react-c323cda68f41/
Asynchronous rendering with React - The Blog of Maxime Heckel
Nov 6, 2018 - How the new React Suspense API might reshape the way we build components
maxime heckelasynchronousblog
https://blog.maximeheckel.com/posts/painting-with-math-a-gentle-study-of-raymarching/
Painting with Math: A Gentle Study of Raymarching - The Blog of Maxime Heckel
Sep 12, 2023 - A compilation of my Raymarching and Signed Distance Field learnings and work. In it, I teach you how to leverage those techniques along with lighting models,...
paintingmathgentlestudyblog
https://blog.maximeheckel.com/posts/building-magical-ai-powered-semantic-search/
Building a magical AI-powered semantic search from scratch - The Blog of Maxime Heckel
Jun 6, 2023 - An end-to-end walkthrough on how to build a semantic search from your own MDX or Markdown based content using Postgres vector similarity search and...
ai poweredsemantic search
https://blog.maximeheckel.com/posts/the-magical-world-of-particles-with-react-three-fiber-and-shaders/
The magical world of Particles with React Three Fiber and Shaders - The Blog of Maxime Heckel
react three fibermagicalworld
https://blog.maximeheckel.com/posts/building-a-design-system-from-scratch/
Building a Design System from scratch - The Blog of Maxime Heckel
May 10, 2022 - A deep dive into my experience building my own design system that documents my process of defining tokens, creating efficient components, and shipping them as...
design systembuildingscratch
https://blog.maximeheckel.com/posts/the-physics-behind-spring-animations/
The physics behind spring animations - The Blog of Maxime Heckel
Jun 23, 2020 - A deep dive into the inner workings of spring animations in Framer Motion.
physics behindmaxime heckel