9/5/2023 0 Comments Notion to website free![]() ![]() This step is optional but highly recommended if we want to achieve a more custom touch. Add the name of a font available in Google Fonts if we want to replace Notion's default font.We add the title and description that we want for each page, these will be added to the meta tags so that they appear in the SERPS when our page is indexed.Depending on what you prefer, you can map more or fewer pages, in our case we only map the first level navigation and the rest use the default's Notion slug. In our case, in the root path we have mapped the slug of the Notion page with the Playbook in English and in the path /es we find the Playbook in Spanish. We add the slugs of the Notion pages that we want to display in each route.In our case we use the subdomain since the main domain points to our website. Modify the domain name that we refer in the constant MY_DOMAIN.There are 5 main modifications that we can apply to the script to adapt it to what we need, these are quoted in the code as "Step X", but we are going to see them one by one. We simply have to copy and paste the upper script and modify it with our data and preferences. Now that we have our worker created we have to replace the default Javascript code with our own one, which is the one that will allow us to manage the display logic of our Notion page. ![]() To create the new worker, click on "Create a Worker". Inside the Workers page we will click on "Manage Workers". To create the worker we have to access the Workers menu accessible from the top icon bar in our account. When we have our Cloudflare account we need a worker to point our domain to the url generated by Notion, so we can modify HTTP requests and responses by using JavaScript. If you prefer, you also have it on video starting at minute 3:36. In this article we are not going to cover how to create a Cloudflare account and link it to our domain provider, but in the Fruitionsite guide they explain it in a simple way through screenshots. Once we have our page in Notion, it is time to configure the Cloudflare account since this is where the magic happens. ![]() ![]() Both are within a page called Public simply to be clear about what content is publicly accessible within our workspace. In our particular case we not only have the Playbook in Spanish but also in English, so we have a duplicated version on a separate public page. However, a small recommendation is to use the table structure for content organization since it scales much better on screens of different sizes. This will give us a url that, if we have a PRO account, we can also enable the search engine indexing option.įrom here on, the design and content you create on the page is up to you. To do this we just have to click on the Share option and enable the "Share to web" option. The first thing we have to do is creating a public Notion page. Once we have the accounts created we can start configuring them. Have a domain purchased with whatever provider you prefer.In order to create our website in Notion and access from our own domain we need the following tools: This requires a couple of extra steps, but in this post we will show you how to do it simply. In fact, if this is the only thing you need, you can just share publicly your Notion directory and you will be done.īut since we didn't like having the Notion domain with unfriendly urls, we decided to go one step further and enable access through a custom domain. Notion is perfect for this since it allows us to create public pages where we can update content from an environment that we like and access on a daily basis. We also needed something that did not take us too long to develop in order to focus our efforts on other parts of the webpage. When creating our Playbook we wanted to be able to update the content quickly and easily since it is not written in stone and it evolves as the company does. Today we are going to explain how we have created a website with Notion for our Playbook using a custom domain, multi-language content and, the best of all, completely free. At Reboot we are huge fans of Notion and we use it internally for many things as we have already showed in other articles. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |