An open API service indexing awesome lists of open source software.

https://github.com/gerome-elassaad/portfolio

Custom portfolio made with Next.js
https://github.com/gerome-elassaad/portfolio

custom-portfolio nextjs-portfolio portfolio vercel-deployment vercel-serverless

Last synced: about 1 year ago
JSON representation

Custom portfolio made with Next.js

Awesome Lists containing this project

README

          

# **Gerome Elassaad**

View [Portfolio](https://geromes-portfolio-nextjs.vercel.app).

![Gerome’s Portfolio](https://github.com/user-attachments/assets/e4b73503-e265-40ff-a0f5-dcee7f1f5a52)

# **Getting started**

This Portfolio was built with [Next.js](https://nextjs.org). It requires Node.js v18.17+.

**1. Clone the repository**
```
git clone https://github.com/Gerome-Elassaad/portfolio.git
```

**2. Install dependencies**
```
pnpm install
```

**3. Run dev server**
```
pnpm run dev
```

**4. Edit config**
```
src/app/resources/config
```

**5. Edit content**
```
src/app/resources/content
```

**6. Create blog posts / projects**
```
Add a new .mdx file to src/app/blog/posts or src/app/work/projects
```

# **Features**

## **SEO**
- Automatic open-graph and X image generation with next/og
- Automatic schema and metadata generation based on the content file

## **Design**
- Responsive layout optimized for all screen sizes
- Timeless design without heavy animations and motion

## **Content**
- Render sections conditionally based on the content file
- Enable or disable pages for blog, work, gallery and about / CV
- Generate and display social links automatically
- Set up password protection for URLs

## **Localization**
- A localized version of Geromes Portfolio is available with the next-intl library
- To use localization, switch to the 'i18n' branch

# **Developer**
[Gerome Elassaad](https://github.com/Gerome-Elassaad)

# **Get involved**
- Report a [bug](https://github.com/Gerome-Elassaad/portfolio/issues/new?labels=bug&template=bug_report.md).

# **License**

Distributed under the CC BY-NC 4.0 License.
- Commercial usage is not allowed.
- Attribution is required.

See `LICENSE.md` for more information.