How to Set Up Personal Portfolio Online (Free, No-Code)
Tags: nocode, career, notion, free
Published: 2022-10-14 02:46:41

## Introduction

If you want to set up a personal resume / portfolio online quickly, with little to no cost (depending if you want to use a custom domain), you can use Notion to do so. However, there's a difference to a plain old Notion page with bullets, to some additional tweaks to make it more professional. If this interests you, feel free to read on!


## Prerequisite
- Have a Notion account. If you don't have one, you can register it for free. Go [here](https://www.notion.so/signup). 

![Picture of Login page for Notion with Create Account option](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yrol9y8lz2rx9yqyuodk.png)


## Step 1
* Create a Notion page. Put in the necessary content. Here's some Notion specific tips to make it look more professional / nice-looking :)

  * Make it easier to email you by adding subject and body defaults with the email pop up to mailto link. See [CSS-Tricks](https://css-tricks.com/snippets/html/mailto-links/) for details from Chris Coyier.
  ![Configuration field for mailto on Notion Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/zxw6f8z3wgeh22p7vuly.png)
  ![Example of Custom Details in Email Popup](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/m6qpbdk6lgp3hsrrjf25.png)

  * Add colored background for title (full page width, versus only the text. You can first `/heading2` to get the header, and then in that same space do  `/blue` or whatever color and you can select a colored background.
  ![Picture of Color Background Command in Notion](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qee15k9mgtt5fvc9mksm.png)
  ![Example of a Section Heading with Colored Background full page width](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/86cc63nyu6blvo3zy416.png)

  * [Customize](https://www.notion.so/blog/personalize-public-pages) the Notion URL to be something specific to you. Go to Settings and change the domain.
  ![Settings Option to Change to Personal Domain](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hk2vhirt231e273qb3i2.jpeg)

  * Configure the security and share settings for distribution. First, turn on Share to Web. Second, turn off the other features unless there is an explicit value-add. Note that if comments are allowed, the user would have to login, which may be an additional frustration that you don't want your audience to do (so, turn off comments).
  ![Picture of Security Configurations with Notion page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/waleis922y678gr8snpw.png)

## Step 2
By now you can just share the notion raw URL, or you can customize a domain to point to the Notion page. We will use Google Domain service to do so (since my domain was hosted there).

Go to domains.google.com -> My Domains -> and select one domain to Manage -> Websites.

Then in the domain, put in the Notion address for traffic hitting your custom domain in Google to redirect to the Notion page. Note if you change the title of the Notion page, the link may be changed, and this redirect destination may need to change as well.
![Form to put in Notion redirect URL](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/dcxbt1em1z48e3i9rxeh.png)
![Overview on Redirect Configuration from Google to Notion page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/pkl8o4538dhgu69uq0q2.png)

## Conclusion
That's it!  Happy job hunting and feel free to share your portfolio in the comments below!