![]() ![]() Here’s the full code for the Node.js solution: Live demo and source code. This website looks the exact same, but is generated on the server-side instead of in the browser. It uses the Notion document ID you copied earlier. Then, I wrote some javascript in script.js that makes a request to the Potion API and fills in the element with the result. I also added an empty element in the body, which is where we’ll load the Notion doc into. This empty HTML page links a javascript file (at /script.js) and a CSS file ( /style.css). Let’s set up the skeleton of the web page: Notion Doc ![]() However, the webpage is empty before the javascript executes, and crawlers (like Google) need to run the javascript in order to “see” the contents. The benefits of this approach are that you can host the website very cheaply (for example, on Netlify) since it’s just static files. The long random string of characters in that link is the document ID: The Notion API worker is hosted on Cloudflare, with their free plan, and can handle up to 100,000 requests per day. Then, click the Copy page link button and paste it somewhere. If you want your Notion website linked to your domain name. SYNC WITH BROWSER, MAC AND WINDOWS APPS Pick up on desktop where you left off on mobile. Getting the ID of your Notion docįor both of these methods, you’ll need the ID of your Notion doc.įirst, make the Notion doc public using the Share button in the top right corner: Turn any Notion page into a website in just two taps. We’ll also discuss the pros and cons of each. There’s two ways of doing it: using a static website (no server), or using a Node.js server. Today, we’re going to use that API to turn a Notion document into a website. I wrote my own reverse-engineered API for Notion, called Potion. I no longer maintain Potion, which is used in this article. Notion now has an official developer API, so you should use that instead. notion.site extension, streamlining access to the documentation.Heads up! This post was written before Notion came out with an official API, and uses a reverse-engineering method that isn’t offically supported. The only time I could ever see myself using Notion to create a website would be to share a Wiki I’ve created with a group of people, and to do that I’d purchase a custom domain then point it to a public Workspace so it would automatically redirect there.įor example, I could set the domain to redirect, so contributors don’t need to remember (or type) the. Sure, there are Notion templates for visuals, to rival themes, but it’s not the same. These add-ons let you add new, pre-built features to your website without typing a single line of code - something Notion is missing. Notion lacks a lot of these features.Īnd let’s not forget about plugins. The best setup with a website created on Squarespace or one developed using WordPress with Yoast SEO, so you can easily optimize your website at the most basic level for search engines like Bing and Google. Pairing with it website builder, which start at $10 per month, it isn’t the cheapest way to build a website. Review the Notion pricing structure and you’ll learn you need to hand over $4 per month to have Google index your content. ![]() Creation is too manual and if you want to stand a chance at your content being discoverable on Google, it’s confusing. If you’re building a blog for personal use, Notion - via a Notion Website Builder like Super - could work, but we wouldn’t recommend it. You can’t create a custom sitemap, for example, and there’s limited options when it comes to customization and development - something even so-called Notion Website Builders suffer with. ![]() Most of these restrictions are rooted in Notion’s architecture. There are some workarounds that’ll let you do it, but it has its limitations. While it’s fantastic for creating a to-do list, building a wiki and taking and storing notes, it doesn’t rival a tool like Squarespace or WordPress when it comes to creating a website.īut before we dive into that, the first thing we need to remember is that Notion doesn’t support custom domains out of the (virtual) box, so it’s stumbling at the first hurdle. Thinking about building a website on Notion? You may want to reconsider. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |