morethan-log
Next.js static blog using Notion as a Content Management System (CMS). Supports both Blog format Post as well as Page format for Resume. Deployed using Vercel.
Demo Blog | Demo Resume
Features
📒 Writing posts using notion
- No need of commiting to Github for posting anything to your website.
- Posts made on Notion are automaticaly updated on your site.
📄 Use as a page as resume
- Useful for generating full page sites using Notion.
- Can be used for Resume, Portfolios etc.
👀 SEO friendly
- Dynamically generates OG IMAGEs (thumbnails!) for posts. (og-image-korean).
- Dynamically creates sitemap for posts.
🤖 Customisable and Supports various plugin through CONFIG
- Your profile information can be updated through Config. (
site.config.js
)
- Plugins support includes, Google Analytics, Search Console and also Commenting using Github Issues(Utterances) or Cusdis.
Getting Started
- Star this repo.
- Fork the repo to your Profile.
- Duplicate this Notion template, and Share to Web.
- Copy the Web Link and keep note of the Notion Page Id from the Link which will be in this format [username.notion.site/
NOTION_PAGE_ID
?v=VERSION_ID
].
- Clone your forked repo and then customize
site.config.js
based on your preference.
-
Deploy on Vercel, with the following environment variables.
NOTION_PAGE_ID
(Required): The Notion page Id got from the Share to Web URL.
NEXT_PUBLIC_GOOGLE_MEASUREMENT_ID
: For Google analytics Plugin.
NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION
: For Google search console Plugin.
10 Steps to build your own morethan-log (by 23.06.23)
Click to see guide
0. Prepare Notion, Vercel account.
1. ⭐ `Star` and `Fork` this repo.
2. As you `click` the [Notion template](https://quasar-season-ed5.notion.site/12c38b5f459d4eb9a759f92fba6cea36?v=2e7962408e3842b2a1a801bf3546edda), you will see this notion page in your browser. Click `Duplicate` button(복제 in image) in right top.
3. And you will see `notion page in notion app` in your account.
4. Click `Share` and `Publish` in right top, and check web link. (Copy web link)
5. `Modify` **site.config.js** file in **your** forked repo.
> 💡 NOTE. I changed **2 RED PART**
6. Move and `login` to vercel.
7. `Build` new project using **Add New...**
8. `Import` **your forked morethan-log repository**
9. `Add` **Environment variabes** to vercel project
10. `Wait` for the deployment to complete. After the deployment is successful, you should see an image like the one below.
🥳 Congratulations. Now check out your blog
Contributing
Check out the Contributing Guide.
Contributors
Support
morethan-log is an MIT-licensed open source project. It can grow thanks to the sponsors and support from the amazing backers.
Sponsors
License
The MIT License.