circle-waves
circle-waves

Project Showcase

Team App website

Full website design and build for a concept team collaboration platform. This website also includes a beautiful blog. I’ve built the site from scratch using Next.js and GraphCMS.

The Challenge

I wanted to build a JAMStack website using some modern technologies for the blog content. So I went with GraphCMS to fetch content, and I built some reusable components along the way.

Here were some challenges:

  • View the optimal layout for each page depending on the device's screen size
  • Providing all the content from GraphCMS (images, titles, descriptions, etc.)
  • Reading the detailed blog when clicking on it
  • Implementing a responsive testimonials slider
  • Ability to comment using disqus provider
  • Beautiful scroll, javascript & css animations

    • Built With

    • Apollo-client & GraphQL
    • GraphCMS - Headless CMS
    • React - JS library
    • Next.js - React framework
    • Typescript
    • AOS - animation library