Ernie Francis

Social Blogging

Social Blogging Screenshot
Tech Stack:
Chakra UI
Firebase
Next.js
React
Typescript
Vercel

Microblogging site I made via the firship.io next.js/firebase course

course URL: https://fireship.io/courses/react-next-firebase/

This is a mini blog website where you can write publicly hosted markdown articles, each user is able to like and share their own article or other user's articles.

The bootcamp was slightly dated (about 2020), but the author did provide annotations to support current major versions of next.js, firebase and react-hook-form. Firebase also provided a "compat" API to ease the migration from firebase v8 to v9, so not too difficult Basically, i just had to bump to the latest minor versions to modernize the current tech stack.

currently, I'm working on the following:

  • Replace the CSS modules with Chakra UI
  • Reorganize react components
  • Implement the navbar as a layout component
  • Implement easy-peasy (Redux) state management
  • Bump all NPM packages to the latest major version and tweak as required