An experimental e-commerce project made for me to work with Next.js 14, Shadcn-ui, tRPC, MongoDB & PayloadCMS. This project uses Express.js to decouple the project from Vercel/Next.js environment. Once This project is done, it will replace my Fragrance Fresh project.
- Typescript
- Next.js 14
- Express.js
- TailwindCSS
- Shadcn-ui
- Payload CMS
- MongoDB
- tRPC
- cross-env
- (URGENT) Fix server-side data fetching error between Express.js & Next.js 14
- Finish Navbar
-
Add Hero section -
Add Navbar & its interactivity -
Add Shopping Cart Component -
Setup Express Server -
Setup PayloadCMS -
Setup MongoDB -
Setup Express.js server -
Connect MongoDB to PayloadCMS -
Setup Admin Panel -
Setup tRPC -
Connect tRPC to Next.js -
Create & Finish sign-up page -
Create & Handle Auth flow -
Handle email verification -
Handle error messages for auth -
Create & Finish sign-in page -
Create sign-out logic -
Create & Implement Products Collection -
Create & Implement Media Collection