julianastahelin / duo-baoba

Website for a Duo of musicians

Home Page:https://duobaoba.com.br

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Duo Baobá

This is a website to showcase an amazing duo of musicians, Duo Baobá, from Florianópolis, Brazil.

Overview

The project

The project was built using the Notion API as a CMS so all website content can easily be edited by the clients with a very low mantainance cost. Clients can edit and add new data into the pre-defined components through an easy-to-use interface in Notion and have tutorials to guide the usage.

Front-end code was built using Next.js, Typescript, Tailwind and Framer Motion following the design made by Sabrina Stahelin.

Links

Preview

gif of project being displayed and used on desktop

My process

Built with 👩🏽‍💻

  • Notion API as a CMS;
  • Next.js;
  • Typescript;
  • Tailwind;
  • Framer Motion.

What I practiced/challenges 💪🏽

  • Structure all website data in Notion;
  • Metadata scraping;
  • Write metadata and optimize SEO;
  • Write user-friendly CMS tutorials.

About

Website for a Duo of musicians

https://duobaoba.com.br


Languages

Language:TypeScript 98.7%Language:CSS 0.9%Language:JavaScript 0.4%