Skip to content

ilyasbilgihan/nuxt-firebase-blog

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

71 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Nuxt Firebase Blog

About this application

This is a fully functional social blog application. The main idea is its functionality, so I didn't keep myself busy that much with design stuff. I also wrote some security rules for firestore, but there are still small security issues, I will share them in a different file too.

Firestore security rules (I am really new to writing security rules, Please inform me if you come across an insecure rule)

Live Demo


UPDATE 2023 You may want to take a look at a similar repo which uses Next.js, Supabase and Prisma below.

Next Supabase Blog

Build Setup

# install dependencies
$ npm install

# serve with hot reload at localhost:3000
$ npm run dev

# serve with hot reload at 0.0.0.0 (Your static IP)
$ npm run dev:host

# build for production and launch server
$ npm run build
$ npm run start

# install firebase
$ npm install -g firebase-tools
$ firebase login
$ firebase init

# after initialization of your firebase app, run the following command to deploy the project to firebase with ssr (blaze plan only)
$ firebase deploy

List of the features

  • Create accounts, change account informations (location, profession, bio, display name, username, profile picture, cover image).
  • Every user has a public profile page which includes a list of the posts that the user has published, a cover image of the user, user informations and a secret 'unpublished posts' section that only shown to the page's owner.
  • Write posts, delete posts, edit posts (description, content, post image, published status).
  • Like posts, add/remove posts to your bookmarks.
  • Follow/Unfollow people, list the posts of the ones you have followed.
  • List the posts by their tags (Max of 5 tag is supported for each post).
  • Write comments, up/down vote comments, delete comments, edit comments(content), inspect comments' edit history.
  • Mobile friendly as much as I could handle.

Reach me

twitter/@ilyasbilgihan

instagram/@ilyasbilgihan

[email protected]