Deployed at https://nord-agency-gdhebling.netlify.app/
Created with Gatsby.js, powered by Sanity as a headless CMS for content management, deployed and hosted to Netlify with a continuous rebuild using Netlify build hooks.
The frontend is built using Gatsby.js, a popular React-based JavaScript and Jamstack framework.
The website uses Sanity.io as a content platform and headless CMS.
The styling uses a combination of styled-components and Tailwind CSS, providing a component-based CSS-in-JS design using the flexibility and quick approach of Tailwind.
This combination of Gatsby and Sanity as headless CMS provides better performance, security, and the ability to work with modern technologies for the frontend. Each project card from the website uses content fetched from the CMS via an API using GraphQL.
I started the project researching and looking for inspiration using websites such as Dribbble and other renowned agencies from Oslo and other countries of Europe.
With those inspirations in mind, I've created a mockup and a final design using Figma.
Gatsby.js, Sanity, Netlify, React, GraphQL, styled-components, Tailwind CSS.
This project is a work in progress. 🛠
The next step is to finish all the pages from the Figma design and improve the integration between the CMS and the frontend, creating individual pages for each project.
Gui Hebling -
https://gdhebling.com