[SP] RyoonThread(커스텀 스레드 클론)
Nov 29, 2023 | Jun 24, 2024
| Ryoon.With.Wisdomtrees
1. 리포지토리
RyoonThread
ryoon-with-wisdomtrees • Updated Dec 3, 2023
2. 사이트
3. RyoonThread
- RyoonThread(Thread-Clone ver.2) is a full Stack MERN Next.js 14 Threads App with React, TypeScript, MongoDB, uploadingthing, zod etc..
- 기존의 Thread clone app에서 추가적으로 기능구현하여 작성한 Thread ver.2 WEB-APP입니다.
4. 추가 적용한 작업 및 기능( 2023.11 기준)
- 현재 사용되는 Thread app과 가장 유사한 레이아웃으로 구성되도록 변경하였습니다.
- 스레드 작성 컴포넌트도, Page로 이동하는 방식에서 Modal컴포넌트로 뜨도록 변경하였습니다.
- 다국어 기능을 적용 하였습니다.
- Darkmode를 적용 하였습니다.
- Search, Delete, Block 등의 기능을 추가적으로 적용하였습니다.
5. 그 외에 배우고 적용한 것
With This Project, I've learned:
- Next.js 13.4 with Server Side Rendering
- Learned MongoDB handling of complex schemas, multiple data population
- Created beautiful layouts with TailwindCSS
- Used Clerk for authentication
- Handled file uploads with UploadThing
- Explored Shadcn components
- Listend to real-time events with webhooks
- Understood middleware, API actions, and authorization
- Explored & integrate new Next.js layout route groups
- Validated data with Zod
- Managed forms with react hook form
- Created reusable components
- Built a solid application architecture
- Deployed the application with Vercel
뒤로