Notion Portfolio

Get your own portfolio using this template

1. Duplicate the Notion Template:

   Start by duplicating the Notion template provided here. This template is where you will organize and design the content for your portfolio.

2. Deploy to Vercel:

   Deploy your Notion portfolio to Vercel with a single click using the button below:

   

   This will take you to Vercel's interface, where you can customize your deployment settings, including your project name and environment variables. You'll need to provide your Notion public page ID as an environment variable for your portfolio to be linked to your Notion template.

3. Leave a Star: If you find this project helpful and appreciate the effort put into creating it, please consider leaving a star on the GitHub repository. Your support and feedback are valuable in improving this template for others.

Local Setup

This guide will walk you through the process of setting up a Notion Portfolio project locally. Follow these steps to get your development environment up and running.

Clone the Repository

Start by cloning the project repository from GitHub. Open your terminal and run the following command:

git clone https://github.com/Sagargajare/notion-portfolio

This will create a local copy of the project on your machine.

Install Dependencies

Change your current directory to the project folder:

cd notion-portfolio

Then, use yarn to install the project dependencies:

yarn install

This command will download and install all the required packages and dependencies.

Configure Environment Variables

In the root directory of the project, you'll find a .env.example file. Duplicate this file and rename it to .env. Open the newly created .env file in a text editor.

Obtain Notion Page ID

To configure the Notion integration, you need to obtain your Notion Page ID. Here's how to do it:

1. Duplicate the Notion template from the following URL to your Notion workspace: Notion Template

2. Publish the Notion page by clicking "Share" in the top right corner of your Notion page. Make sure it's publicly accessible.

3. After publishing, you will have a public URL like https://www.notion.so/Your-Page-Title-1234567890abcdef. The string of numbers and letters at the end is your Notion Page ID.

Update Environment Variable

In your .env file, add the following line and replace YOUR_NOTION_PAGE_ID with the Notion Page ID obtained from the previous step:

NOTION_PAGE_ID=YOUR_NOTION_PAGE_ID

Save the .env file.

Run the Development Server

With all the configurations in place, you can now start the development server:

yarn run dev

This command will build and run the project locally. You can access the development version of your Next.js application by opening your web browser and navigating to http://localhost:3000.

You are now set up and ready to start working on your Portfolio project! Enjoy your development journey.

Connect

Feel free to connect with me on the following platforms:

I look forward to connecting with you!