DEV Community

John Liu
John Liu

Posted on

How to Set Up Personal Portfolio Online (Free, No-Code)

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.

Picture of Login page for Notion with Create Account option

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 for details from Chris Coyier. Configuration field for mailto on Notion Page Example of Custom Details in Email Popup
    • 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 Example of a Section Heading with Colored Background full page width
    • Customize the Notion URL to be something specific to you. Go to Settings and change the domain. Settings Option to Change to Personal Domain
    • 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

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
Overview on Redirect Configuration from Google to Notion page

Conclusion

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

Top comments (0)