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

1

Sanity.io

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 lekanger.no uses Sanity, while Wordpress has also come a long way as a "headless" CMS.

#CMS #API Tools #Realtime Backend / API 55 social mentions

2

Figma

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.

#Design Tools #Prototyping #Design Collaboration 101 social mentions

3

Chakra UI

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 very nice).

#Design Tools #Developer Tools #UI 197 social mentions

4

Auth0

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 dashboard, like role-based authentication.

#Identity And Access Management #Identity Provider #SSO 175 social mentions