Skip to content

yonghuili1/blog

 
 

Repository files navigation

morethan-log

image

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

  1. Star this repo.

  2. Fork the repo to your Profile.

  3. Duplicate this Notion template, and Share to Web.

  4. 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].

  5. Clone your forked repo and then customize site.config.js based on your preference.

  6. Deploy on Vercel, with the following environment variables.

    • NOTION_PAGE_ID (Required): The Notion page Id got from the Share to Web URL.
    • GOOGLE_MEASUREMENT_ID : For Google analytics Plugin.
    • GOOGLE_SITE_VERIFICATION : For Google search console Plugin.

Contributing

Check out the Contributing Guide.

Contributors

kvaishak  jhk0530  i99dev  JaeSang1998  vaishak-kaippanchery-liqid  itjustbong  ddarkr  

Support

morethan-log is an MIT-licensed open source project. It can grow thanks to the sponsors and support from the amazing backers.

Sponsors

siyeons  

License

The MIT License.

About

A Static Blog Using Notion Database

Resources

License

Code of conduct

Stars

Watchers

Forks

Packages

No packages published

Languages

  • TypeScript 87.5%
  • CSS 6.7%
  • JavaScript 5.8%