This repo contains my portfolio showcasing a few of my projects as well as displaying my CV. It was originally forked from the static html template of RyanFitzgerald/devportfolio but since has evolved into a next.js app which leverages static side generation to allow an easier maintenance of the website.
To view a live demo, click here.
First, install the dependencies. Then run the development server:
npm install
npm run devTo switch the active person during development:
NEXT_PUBLIC_PERSON=anna npm run devOpen http://localhost:3000 with your browser to see the result.
Once your changes are pushed to the remote git repository, netlify will take care of deploying it. You can preview the statically generated content manually using:
npm run build
npm run startPerson-specific data lives under content/people/<slug>/ and is wired up in content/people/index.ts.
The active person is controlled via the NEXT_PUBLIC_PERSON env var (defaults to hendrik).
Example:
NEXT_PUBLIC_PERSON=anna npm run buildTo add another person:
- Create
content/people/<slug>/and copy the JSON files fromcontent/people/hendrik/as a starting point. - Add assets:
- Website banner background:
public/people/<slug>/lead-bg.jpg - Website profile image:
public/people/<slug>/profile_picture.jpg - CV profile image:
cv/people/<slug>/profile_picture.jpg
- Website banner background:
- Register the person in
content/people/index.ts(slug, CV file base, contact form action, and theme colors).
Completely free (MIT)! See LICENSE.md for more.