A minimalist portfolio template for developers built with Next. js and TypeScript inspired by leanfolio
Running Locally
npm install
npm run dev
- Go to
data/portfolio.jsand replace the placeholder data with your own. - To add a favicon to your site, put your
favicon.icofile directly in thepublic/folder.
To add Google Analytics tracking to your portfolio locally, you'll need to create a .env 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
.envfile, replace$MEASUREMENT_IDwith the actual Measurement ID. If your local server was already running, restart it so your changes can be reflected.
To add Brevo Conversations tracking to your portfolio locally, you'll need to create a .env file in your root directory and paste in the following code:
BREVO_CONVERSATIONS_ID=$CONVERSATIONS_ID- To get the Conversations ID, set up a new Conversations account, then in the code snippet available on the Integrations page, copy the Conversations ID you see after setup.
- In the
.envfile, replace$CONVERSATIONS_IDwith the actual Conversations ID. If your local server was already running, restart it so your changes can be reflected.
- 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! 🎉