Wondering how to make one for you?

Read the complete docs in Notion

Wanted the same portfolio that I have made for you? Follow these steps.

1. Go to the repository and download the ZIP file.

2. After downloading the file, extract it

after extracting, the file structure looks something like this

3. Open the project in VSCode or your favorite code editor and install the packages by using yarn

4. After installing the packages or node modules, you can run the development server by

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

5. If you see this, then congrats, 60% of the job is done, remaining 35% is the job to be done in notion

6. Go to my notion template given below and click on the Duplicate button on the top right.

Resume

7. Now make the necessary changes and add your information to the notion template.

8. After completing your notion resume, save it and in the top right you will see a share button,

   Click on the share button and and enable Share to the web.

9. Copy the web link, it looks some thing link this:

https://global-vulture-225.notion.site/Wondering-how-to-make-one-for-you-*41f480b46479475b91e1c8c592410222*

Here we need only the last part of the URL, it looks some thing like this, (41f480b46479475b91e1c8c592410222)

Copy the ID and go back to the code editor and open site.config.js file

10. Edit the config file.

module.exports = {
	notionPageId: "b9a259743fdb4f06b2fd53011631a9f9",
  title: "Sarath Portfolio",
  showNavbar: true,
  navigationBarTitle: "Hii 👋, I'm Sarath",
  defaultTheme: "dark", // "dark" or "light"
};

• notionPageId: "" (See step 9)

• title: Sarath Portfolio

  

• showNavbar: true

  

showNavbar: false

• navigationBarTitle: "Hii 👋, I'm Sarath"
• defaultTheme: “dark”
• defaultTheme: “light”

Boom, now save everything, your portfolio is done 🥳🎉

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.