Skip to content

Simple two-column next.js portfolio template, easy and quick to customize, mobile friendly.

License

Notifications You must be signed in to change notification settings

karlgrossmann/two-column-portfolio

Repository files navigation


Two Column Portfolio
Two-Column-Portfolio Template

A simple two-column portfolio template built with Next.js and Tailwind CSS.

See the current version live!

Key FeaturesHow To UseCustomizationCreditsLicense

Mockup of website

Key Features

  • Simple and easy to edit - your version is up and running in minutes.
    • All information of the page is loaded from a JSON file, which can be modified without coding knowledge.
  • Colors are easily customizable to your taste.
    • There are a few presets, but even adding your own color palette is very easy.
  • Mobile ready.
    • Optimized for desktop, but looks good on mobile as well.
  • Deployed very easily using Vercel.
    • Create a private fork of this repository on your GitHub account, change the details and deploy the page using Vercel's GitHub integration.

How To Use

To clone and run this website, you'll need to paste the following steps in your command line:

# Clone this repository
$ git clone https://github.com/karlgrossmann/two-column-portfolio

# Go into the repository
$ cd two-column-portfolio

# Install dependencies
$ yarn install

# Run the app
$ yarn dev

# Build the app
$ yarn build

Note After running the app the live version of it is available at localhost:3000.

Customization

In order to customize the template to your own needs, please do the following.

  1. Edit the title and description of the website in the file app/layout.js.
  2. Add your personal details by editing the file translations/en.json
    • You can specify an arbitrary number of positions in experiences (+ their skills), education, voluntering and projects.
    • In the About section, multiple paragraphs can be created by creating multiple entries in the array General:about.
  3. Replace the file app/favicon.ico with a favicon of your choice.
  4. (Optional) Change the color palette by editing the file tailwind.config.js.
  5. (Optional) Edit the imprint and privacy statement if it is necessary in your country.
  6. Enjoy!

Credits

This software uses the following open source packages:

Support

Buy Me A Coffee

License

GNU GENERAL PUBLIC LICENSE 3.0