/profolio

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

Primary LanguageTypeScript

Profolio · Author Salimi

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
  • Authentication using NextAuth.js
  • MySQL & Prisma for database
  • Zustand for state management
  • EdgeStore for file uploading
  • React Email for email templating
  • Resend for sending email

Tech/framework used

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

Starting the project

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

npm install
npx prisma generate
npx prisma db push
npm run dev
# or
pnpm install
dlx prisma generate
dlx prisma db push
pnpm run dev

Demo

Host anywhere you want. 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

Create portfolio

Create portfolio