Skip to content

Demo blog app inspired by Dev.to and Medium, built with React + Next.js + Firebase, styled with Tailwind CSS

Notifications You must be signed in to change notification settings

ilyapopovs/nextfire-blog

Repository files navigation

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!

Architecture Diagram

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.

About

Demo blog app inspired by Dev.to and Medium, built with React + Next.js + Firebase, styled with Tailwind CSS

Resources

Stars

Watchers

Forks