I recommand to use Node v12 or if you have nvm, start with nvm use

• npm install
• npm run dev

• Framework:
  • NextJS: This a little bit an overkill choices for just a single web page but it is also for learning and demo purposes.
• Styling:
  • Styled-components: A great way to use ES6 and CSS to style.
• Motion:
  • Framer Motion: A great and power full react animations library.
• Responsive:
  • Fresnel: An SSR compatible approach to CSS media query based responsive layouts for React (Even if SSR is overkill for this project, it work perfeclty).
• Others:
  • Fontface Observer: A good solution against the FOUT effect that I converted to custom Hook.
  • React-scroll: Component for animating vertical scrolling.
  • react-intersection-observer: React implementation of the Intersection Observer API.
  • react-obfuscate: To obfuscate any contact against spam bots.
  • swipe-js-iso: Maybe not the best solution but it work for me.
  • Lodash: Just a little bit of isEqual...

Maxime de Visscher - LinkedIn

Copyright © 2020 Macoal sprl.