Nextfire Blog

A demo blog app inspired by Dev.to and Medium blogging websites

Built with React + Next.js + Firebase, styled with Tailwind CSS and deployed to Vercel
Check it live at demo1.popovs.dev

Features

The purpose of this app is to demonstrate the capability to implement a certain feature set,
Which includes, but is not limited to:

• Blogging website implemented as a Single Page Application
• Server-side rendering of publicly accessible pages (for better SEO)
• Likes/hearts/upvotes functionality in realtime
• Lazy loading of posts
• Basic CMS with full set of CRUD operations
• Responsive design
• Dynamic switching between Light and Dark themes

Architecture

This app uses Firebase as its headless backend, thus it consists of 2 parts:

1. User-facing app (deployed on and fetched from Vercel)
2. Firebase services (hosted by Google)

Here's a diagram of how it works!

Credits

Up until the First Pull Request the app had been developed by going through Jeff Delaney's Next.js Firebase Course.
Thereafter, I continued independently improving the app and adding new features as I saw fit. The list of those features can be seen in the commit history.