Skip to content

This a fullstack app built with Next.js allowing easy customization of portfolio details and project listings.

Notifications You must be signed in to change notification settings

salimi-my/profolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

Homepage

About

About

Portfolio

Portfolio

Contact

Contact

Sign in

Sign in

Admin dashboard

Admin dashboard

Portfolio list

Portfolio list

Add project

Create portfolio

Languages