Ingredients
[this is not designed for anyone but curious developer to read]
Libraries:
nextjs (v14) ● clsx ● tailwindcss ● typescript ● prettier ● postcss ● autoprefixer ● mongoose - for connecting db, modeling schema ● dotenv - for reading environment variables ● ts-node - for exec typescript seeder ● svgr - for import svg as react component ● framer motion - animation library
Database:
mongoDB - remarks: if you are depolying project to vercel, please use MongoDB Atlas integration. Also, make sure no MONGODB_URI is added to vercel before installing this integration. Otherwise, the installation will be failed.
Host:
vercel
old site
https://richardtsang.pages.devThis is the old version of my portfolio site made with vite, sass(scss), react & react-router-dom