Profolio ·

Profolio is a dynamic personal portfolio website built with Next.js. This fullstack app allow easy customization of portfolio details and project listings. All the informations, skills and projects can be updated effortlessly, ensuring them stays up to date.

Dynamic portfolio site

• Dynamic infomations, skills & project listings
• Light / dark / system mode
• NextAuth.js v5 / Auth.js for authentication
• MySQL & Prisma for database
• Zustand for state management
• EdgeStore for file uploading
• React Email for email templating
• Resend for sending email
• Plaiceholder for generating image placeholder

Tech/framework used

• Next.js 14
• Shadcn/ui
• NextAuth.js v5 / Auth.js
• Tailwind CSS
• TypeScript
• MySQL
• Prisma
• Zustand
• EdgeStore
• React Email
• Resend
• Plaiceholder

Starting the project

Open the .env.example and fill in your Database URL, Auth, Resend & EdgeStore Configurations then save it as .env the run the following command:

pnpm install
pnpm dlx prisma generate
pnpm dlx prisma db push
pnpm dev

Demo

Hosted privately on personal DigitalOcean Droplet. Click here to visit.
Direct link: https://www.salimi.my

Screenshots

Homepage

About

Portfolio

Contact

Sign in

Admin dashboard

Portfolio list

Add project