In this video, I’ll explain how we used React Hooks, Gatsby, Styled Components, Contentful, Netlify and Firebase.

Topics

  • React Hooks
  • Starting Template with Gatsby
  • Layout using Styled Components
  • CMS on Contentful
  • Auth and Firestore on Firebase
  • Deploying on Netlify
  • Performance and PageSpeed
  • Syncing between iOS and Web
  • How we organize our files
  • Custom Hooks

Resources
⚛️ React Hooks: https://reactjs.org/docs/hooks-intro.html
👩‍💻 VSCode: https://code.visualstudio.com
🍱 Gatsby: https://www.gatsbyjs.com
🎨 Styled Components: https://styled-components.com
✍️ Contentful: https://www.contentful.com
🚀 Netlify: https://www.netlify.com
🚄 PageSpeed: https://developers.google.com/speed/pagespeed/insights
🎨 Figma design tool: https://www.figma.com
🍔 Illustrations: https://shape.so
🤳 Phone Mockups: http://angle.sh

#react #gatsby #netlify #firebase #web-development

How We Built Our Website with React Hooks
22.40 GEEK