BlogRBlogR

Project Description

Stay updated on latest news with BlogRBlogR. Articles include topics covering web development, AI & ML, DBMS, Web3, and so much more.

Stack:

Next.jsGraphCMSPrismJsChakra UIGraphQl

Libraries:

Apollo ClientGraphCMSGraphQlFramer MotionChakra UI

Code:

Repository

Live:

Live

Design Process

Manually implementing changes on your website can labor-intensive and time-consuming, so I opted to use GraphCMS (a content management software) to handle everything. With GraphCMS blog starter template I was able to seamlessly manage content on my website. Combined with Chakra UI (a component library that gives you the building blocks you need to build your React applications) and Apollo client(a comprehensive state management library that enables you to fetch, cache, and modify application data, all while automatically updating your UI), building and managing a website could never be smoother. Other libraries such as PrismJs for syntax highlighting, framer motion for animation, reac-multi-carousels for carousels amongst others were also used.

Challenges

One major challenge I faced was not having a complete customization of data returned from the cms. The Graphcms Rich Text Renderer is still a work in progress and so i had to find a way to solve some problems like the reading time and styling code blocks. Another challenge was working with Apollo Client as it was my first time using it.

Future Improvements

I'd like to add my own written blogs as most blog posts are fron other bloggers

Visit Website