[web] SNS Instagram 커뮤니티 만들기(post,like, comments,signin) (Nextjs, tailwind, firebase)

☑️ 커뮤니티 게시판 기획 조건 ☑️

1. 게시판이 최소 7개 존재

2. UI가 2개 (즉 페이지가 넘어가야)

3. 좋아요, 댓글, 추천 기능

4. 웹, 앱 반응형 웹사이트

 

🎯 커뮤니티 기획안 🎯

1. 주제: 자기계발 게시판

2. 구글로 SingIn을 해서 좋아요와 댓글, 추천 기능, 포스팅까지 가능

 

💡 SKILL 💡

1. Reactjs + NextJs 

2. 댓글과 좋아요, 포스팅 등을 위한 데이터 관리 -> firebase

3. firebase에서 구글로 로그인하기 활용 (authentification)

4. CSS 는 tailwindcss 활용

---

SignIn

 

---

sign out

signOut 된 상태에서는 댓글, 좋아요, 추천 기능을 할 수 없다.

signIn 버튼을 누르면 '구글로 로그인' 버튼이 있는 페이지로 이동,

user의 구글 아이디로 로그인이 가능하다.

 

👇 깃헙에서 전체 코드 보기 👇

https://github.com/arty0928/SNS-Community-Instagram

GitHub - arty0928/SNS-Community-Instagram

 

https://youtu.be/8M6FPxrJYDU

 

💡 오픈API 활용 💡

https://www.youtube.com/watch?v=a6Xs2Ir40OI&t=24s 

 

 

#nextjs #react #tailwindcss #firebase #authentification #singinWithGoogle #Instagram

#Community #Like #Comments #좋아요 #댓글 #구글로그인