How to Build a FREE Website with Notion (Full Tutorial)
ฝัง
- เผยแพร่เมื่อ 4 ก.ค. 2024
- Notion just might be the easiest way to create a simple portfolio website - and doing so is free! In this tutorial, I'll show you how to build a great-looking portfolio site in Notion from scratch.
📺 SEE MY FINISHED SITE:
thomasfrank.tv
🧠 ULTIMATE BRAIN (Full Second-Brain Template - use LETSGO2023 at checkout):
thomasjfrank.com/brain/
📚 NOTION FUNDAMENTALS (Free & Complete Notion Beginner's Course)
thomasjfrank.com/fundamentals/
🎥 CREATOR'S COMPANION (The Best Template for Content Creators - use LETSGO2023 at checkout):
thomasjfrank.com/creators-com...
🛠 MORE COURSES AND RESOURCES:
thomasjfrank.com/templates/
thomasjfrank.com/courses/
💪GET STARTED WITH NOTION:
thomasjfrank.com/usenotion/ - (this is my referral link)
🔗 More Video Links:
With some limitations, Notion can be essentially a free website builder. If you want to go further, check out these platforms which use Notion content as a base, but then offer you advanced design features, custom domains, and more.
Super: super.so/
Potion: potion.so/
Notaku: thomasjfrank.com/notaku/ (affiliate link)
🐦Connect with me:
Twitter ➔ / tomfrankly (best way to interact with me)
Instagram ➔ / tomfrankly
Music ➔ @ThomasFrankMusic
⏱ TIMESTAMPS:
00:00 - Intro
02:04 - Page Section Breakdown
08:31 - Set Up a Blank Page
13:19 - Create the Hero Section
15:07 - Build a Logo Rail
18:50 - Create the Portfolio Section
24:36 - Create the Testimonial Section
26:54 - Create the Services Section
29:03 - Add a Persuasive Letter
32:38 - Create an FAQ
33:58 - Add a Contact Form
36:00 - Make the Page Public
38:00 - Notion Site Builders and Domain Options
38:46 - Additional Resources
🎞 SPECIAL THANKS
Select video clips supplied by Getty Images
Wow only five minutes in and gotta say this is some great content.
This is amazingly helpful! Thank you so much Thomas! 🖤
Pretty cool - thx so much for putting out this video. High production value as always, and appreciate your Notion expertise!
Great presentation! I've learned quite a number of things! I wasn't even considering making a portfolio but now I'm eager to try it!
As soon as i clicked on the vid i got a wave of nostalgia bc i hadn't realised how much i've missed you on the main channel. Since i don't use Notion much i wasn't tuning in most of these videos but man you bet i'm going to devour the hell out of this tutorial bc god knows we can all use a good portfolio & i had never thought about Notion for it. Thanks for all the great help & resources you in reach for us mortals.
I've been trying to create a portfolio in Notion! Pumped to watch
Your content is great, thanks for sharing it.
This is so helpful. Thank you for doing this!
Love it! Thanks Thomas for the great tutorial and inspiration
Awesome as ever. Always learn something about marketing and presentation.
Came here to learn how to build a basic website, learnt how to build my business. Thomas you are so good.
WOW this is awesome! THANK YOU
This video was really helpful...best so far❤
Amazing content, man! Thanks so much
Fantastic video. Exactly what I was looking for to close clients, this is amazing!
going to use this video's tips. Thanks so much!
The fact that you used your own work for the portfolio was actually motivating, it's still quite hard for me to promote my own work so I hope I can get at least have that kind of confidence or love for my own work, love the informative tutorial as well with you explaining everything and why you design the layout a certain way, as well as share free alternative tools
Hi, Thomas. You're the best and your work is superb!
So much awesome info--wow! Thanks!
Sooooo helpful! THANK YOU!
Tremendu! No pares de sorprendre manoi! 🤩
Great video! Thanks for sharing
This is dope. Just in love with the video and styles used
You’re the best-huge thanks
Very instructive! 🤓
Very great and informative video. Thank you.
There are so many gems and values in this video. Thank you very much.
How did you know I needed to see this today? Thank you!
So so helpful! ❤
I have actually made my resume on notion and I think that it will be really cool to mention in my LinkedIn !
Thanks Man. It's rare to see people who shares all the knowledge and provides quality content.
You must be new to TH-cam. Welcome. There is a lot of people sharing knowledge here. Glad to have you!
thank you for this video 😍
Thank you!
Super Cool Thomas that's what I actually wanted
I'm moving my UX portfolio to Notion. This is helpful.
Having Notion as a portfolio is a life saver and less time consuming. This is the dawn of new job hiring that instead of coding or designing the webpage for your portfolio, Notion is much simpler and have this minimalistic design for yourself to edit.
thanks for your content sharing.
I would use this for my copywriting portfolios
Thanks 😊
Been working on this for a week, almost done🤗. So excited for this! Thanks so much Thomas, appreciate it
I'm done! It's live now! Thank you so much!
Just curious- How’s it look
Saw this just now and it's liquid gold!
Use notion to build a website!!! What a great free tool!!
thank you so much...
Thank you and God bless you
thank you so much
Good video
This is amazing. Thank you so much!! I wonder though, if lottie files can be displayed in a Notion portfolio?
merci
Hi Thomas, thanks a lot for this! This is is pretty cool & I would like to thank you for your amazing content, it really is extremely useful! Second, I was wondering if you have any solutions to the following three problems:
1-Is it possible to create a dynamic ranking system? For example, ranking pages in a database from 1 to 10, where every time I change a number it automatically updates the rest of the numbers.
2-Is there a way to automate the use of icons in notion (or batch apply templates to existing pages)? I have a database of articles in notion, but unfortunately they already have text inside, which means that it's very time consuming to have to apply the template button with my preferred icon. Is there are a way to "apply all" to existing pages and use a specific icon for multiple pages at once?
3-I created a relation property between two pages, in particular between book titles & book authors. However, I already have the book author property filled but in text form & I want to copy all the data from text form into the relations property, is there a way to automatically do this as I have more than a 1000 authors?
Thanks a lot!
Great! BUT how to set the website in light mode?
I paid for the monthly sub just to support Development. On top of that, free version was so good I felt guilty 😂. Can't beat $10 either
How do we know what to choose? Something Notion specific or something more standard like WordPress?
How did you add the toggle?
Hey Thomas. First: Thanks for your amazing Work. I'm really enjoy Notion but with your help I learned to love it ;)
Just one Question:
I'm using your ULTIMATE SECOND BRAIN Template. And when I'm sharing a page to the web the content does not show. I guess because of the linked Database stuff. Is there a way to fix this?
I will ask this in the circle as well. Just wanna let you know that all the way to germany we are watching your content ;)
Hey Kay! Sorry for the late reply, TH-cam was hiding all my comments. Just had to send them a bug report about it.
That issue is happening because the underlying database isn't shared to the web. So people can get to the page you shared, but the database rows aren't publicly available. If you share the source database too, everything should work!
Hello sir, how to make down icon in open me menu? Thanks
Hi Thomas, my notion site is now public but when I use my copied link from the "share" button, it always takes me to a "Continue to external site by following the link below" warning first before going to my notion site. I noticed that your page doesn't have this issue. Was there anything you did to prevent this from happening? Thank you for the amazing tutorial!
Great Teaching- Thank you, but I am missing the link in the desc for KaTex sources that you mentioned at timestamp 14:53. Could you please add them?
I learnt sooo much Notion from your TH-cams that I love making templates more than using them in my life. *GG
Watched this because interested in using Notion as a website/blog… but after checking out your website, it looks like some of the content is unavailable if the website visitor doesn’t have the app? For example, the table of contents aka : “open me“ is not clickable on my device…
Hey Thomas, great video as usual. Question here: can you use a database to add a kind of quasi-blog to your website?
Yep, you absolutely can!
Can you add multiple pages as you normally would to a notion page?
Thankyou for the video. It helped me create my portfolio, but my published page by default shows Light mode even when i send others, i know cntrl +shift+ L will fix it, but is there any other solution?
Hi Thomas, Really great tutorial. I have learnt a lot. But there is some issue happening with me. I have opened your notion on PC and mobile both and it looks the same on both. But In my case My mobile notion website messed up. It sucks. Please reply me if there is solution.
The KATEX: That Sir, Thomas has talked about in the video...
\begin{aligned}
I've~worked~on:
\end{aligned}
Dear Thomas, can you please tell me what speakers you have on your desktop?
Yamaha HS7s
why are you don´t post something on your main Chanel
I wish this video was sponsored by one of those platforms offering to host your website))
Ha! I'm aiming to not do up-front sponsorships on this channel, though I'd be open to being an affiliate for those platforms. I personally use Notaku and quite like it, and I've seen some really great sites built on Super and Potion.
great content, im working on 2 portfolio in notion and would definitely take note of this. However is the button feature isntn't avaiable back when you created this? So instead of creating a long landing page, why dont you section it per page and create a button to link them all together.
Buttons could likely work for that purpose! You could also just use links; you don't actually need to create buttons just to connect multiple pages.
For this video, I intentionally kept the site to one page just to keep things simple for people following along.
@@ThomasFrankExplains Thanks for the response Thomas. Quick one though, is there a way to change the favicon instead of Notion icon?
Web developers been really quite since this dropped.
If we decide to go this route, how do we deal with a domain email address for email marketing? What options are there if you have a free Notion website to have a domain email address? Would it be a 3rd party email provider?
Yes, and I ALWAYS recommend doing it this way. Even if you’re not using Notion, I would never recommend using the same service for site hosting and email. Instead use something like Google Workspace and set up your DNS with mx records as needed
@@ThomasFrankExplains Thanks so much! Great Video. I've built a free Notion site. Awesome!
nice video, but why the gallery view doesn't show up after I publish my site?
Is your gallery view's source database somewhere else? If so, you'll need to make sure it's also published publicly.
@@ThomasFrankExplains thanks mate, found the problem, I didn't publish my database
Where do you host it though?
Wouldn’t you need to pay for that?
Nope, Notion hosts it 🙂
Honestly at this point, I think Notion is the best tool for making a really simple and quick site.
We don’t have custom domains or powerful design tools yet, but I think for a lot of people, they would simply not make a website if they felt they had to worry about that stuff right away.
First 😊
Hello there general Kenobi
Well hello there
Your sales page is generating an error - 500: Server Error
Whoops, something went wrong on our servers.......
Fixed now!
I've worked in video as an editor and director for 25 years. I don't know any editors that don't know how to edit for TH-cam. Where does that 99% number come from?
Experience talking with many, many established TH-camrs who have tried to hire editors, as well as hiring editors myself. Most truly do not have work in their portfolio that demonstrates specific ability to edit for social channels.
When I hired my editor, I got maybe two applications from from people with social/YT experience, and over a hundred that linked to only corporate work.
@@ThomasFrankExplains Sorry. That makes no sense Ability to edit for social media ? It’s a red herring. Any qualified pro commercial editor can do it. 99% can’t do it?
2th
"full stack"
it's not free, i have to pay 8$ monthly just to make my page public, complete clickbait, i don't blame you though
You can make individual pages public on the free plan. I have several Free Plan workspaces with public pages; in fact, the demo for my Ultimate Brain template is on a free workspace.
What the $8/month gets you is a public home page and a notion.site domain.
Here's the URL of the page I built in this video: thomas-experimental.notion.site/Thomas-Frank-Internet-Video-Editor-b9dd8e36eb184bf197f094120ed071dc
This is on a free-plan workspace.