https://github.com/salimi-my/profolio

This a fullstack app built with Next.js allowing easy customization of portfolio details and project listings.
https://github.com/salimi-my/profolio

authjs edgestore mysql nextauth nextjs portfolio prisma react-email resend shadcn-ui tailwindcss typescript zustand

Last synced: about 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/salimi-my/profolio
• Owner: salimi-my
• Created: 2023-10-29T15:00:14.000Z (about 1 year ago)
• Default Branch: master
• Last Pushed: 2024-05-21T15:58:47.000Z (8 months ago)
• Last Synced: 2024-05-21T17:00:26.518Z (8 months ago)
• Topics: authjs, edgestore, mysql, nextauth, nextjs, portfolio, prisma, react-email, resend, shadcn-ui, tailwindcss, typescript, zustand
• Language: TypeScript
• Homepage: https://www.salimi.my
• Size: 22 MB
• Stars: 3
• Watchers: 1
• Forks: 2
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Profolio](https://www.salimi.my) · [![Author Salimi](https://img.shields.io/badge/Author-Salimi-%3C%3E)](https://www.linkedin.com/in/mohamad-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

- 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](/.env.example) and fill in your Database URL, Auth, Resend & EdgeStore Configurations then save it as .env the run the following command:

```bash

pnpm install

pnpm dlx prisma generate

pnpm dlx prisma db push

pnpm dev

```

## Demo

Hosted privately on personal DigitalOcean Droplet. [Click here](https://www.salimi.my) to visit.




Direct link: `https://www.salimi.my`

## Screenshots

#### Homepage

![Homepage](/screenshots/screenshot-1.png)

#### About

![About](/screenshots/screenshot-2.png)

#### Portfolio

![Portfolio](/screenshots/screenshot-3.png)

#### Contact

![Contact](/screenshots/screenshot-4.png)

#### Sign in

![Sign in](/screenshots/screenshot-5.png)

#### Admin dashboard

![Admin dashboard](/screenshots/screenshot-6.png)

#### Portfolio list

![Portfolio list](/screenshots/screenshot-7.png)

#### Add project

![Create portfolio](/screenshots/screenshot-8.png)