Leanfolio

A minimalist portfolio template for developers built with Next.js

Live Demo

Table of Contents

• Differences between Leanfolio and Cleanfolio
• Getting Started
• License

Differences between Leanfolio and Cleanfolio

This repo was forked from the Cleanfolio repo which you can find here. The following are the differences between the 2 repos:

• Leanfolio uses the Next.js framework which means that you can expand your portfolio to take advantage of features such as SSR and API Routes.

• Leanfolio integrates with Google Analytics by default to let you optionally track visitor activity on your portfolio.

• Bonus:

  • Improved user interface
  • Improved README documentation

Getting Started

Running Locally

npm

git clone https://github.com/magic-ike/leanfolio.git
cd leanfolio
npm install
npm run dev

Yarn

git clone https://github.com/magic-ike/leanfolio.git
cd leanfolio
yarn
yarn dev

Making Changes

• Go to data/portfolio.js and replace the placeholder data with your own.

• To add a favicon to your site, put your favicon.ico file directly in the public/ folder.

Google Analytics (Optional)

To add Google Analytics tracking to your portfolio locally, you'll need to create a .env.local file in your root directory and paste in the following code:

GOOGLE_ANALYTICS_MEASUREMENT_ID=$MEASUREMENT_ID

• To get the Measurement ID, set up a new Google Analytics property, then set up a Web data stream for that property and copy the Measurement ID you see after setup.

• In the .env.local file, replace $MEASUREMENT_ID with the actual Measurement ID. If your local server was already running, restart it so your changes can be reflected.

Deployment

• Go to Vercel and sign up for an account if necessary.

• Click New Project.

• Import your repository. This should take you to the project configuration screen.

• (Optional - Google Analytics) If you want to add Google Analytics tracking to your live portfolio, you'll need to grab the environment variable you added to your local environment and add it to this environment. Expand the Environment Variables dropdown and add the following name-value pair:

NAME	VALUE (WILL BE ENCRYPTED)
GOOGLE_ANALYTICS_MEASUREMENT_ID	Your Measurement ID

• Click Deploy.

• If everything went smoothly, your portfolio should now be live. Congrats! 🎉

License

MIT