Software Alternatives & Reviews

Part 1: How I built our condos's new web pages with Gatsby and Chakra UI

Recommended and mentioned products

  1. a platform for structured content that comes with an open-source editor that you can customize with React.js.


    For publishing content, I wanted a headless CMS solution. I considered both the Norwegian headless CMS solution Sanity and Wordpress, as I had experience with both. For example, my personal website uses Sanity, while Wordpress has also come a long way as a "headless" CMS.
  2. Team-based interface design, Figma lets you collaborate on designs in real time.

    I like to have a plan before I begin, so I started drawing a few sketches and wireframes with my favorite tool for these things: Figma.
  3. Simple, modular and accessible UI components for your React applications.


    To speed up the process of making a nice user interface, I chose Chakra UI. With Chakra UI, you also get a number of bonus benefits, such as compliance with WAI-ARIA standards for accessibility, and that you can customize your own themes for your website. This means that you hardly need to write CSS at all, but can define color palettes, fonts, distances and more by expanding the default theme (which already looks...
  4. Auth0 is a program for people to get authentication and authorization services for their own business use.

    In the first version of the website, I used Netlify Identity, which is Netlify's own authentication solution. With Netlify Identity Widget it is easy to add authentication, but I quickly discovered that I missed some more advanced functionality. I therefore switched to Auth0, which to a greater extent allowed me to tailor the login solution. Auth0 also had some functionality I needed to create a user admin...