https://github.com/morethanmin/morethan-log

😎 A static blog using notion database
https://github.com/morethanmin/morethan-log

blog blog-template blog-theme morethan-log nextjs notion notion-api notion-blog notion-client notion-database resume resume-template tailwindcss vercel

Last synced: 3 days ago
JSON representation

😎 A static blog using notion database

• Host: GitHub
• URL: https://github.com/morethanmin/morethan-log
• Owner: morethanmin
• License: mit
• Created: 2022-06-10T15:12:53.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-14T15:47:32.000Z (4 months ago)
• Last Synced: 2024-12-03T13:03:31.105Z (10 days ago)
• Topics: blog, blog-template, blog-theme, morethan-log, nextjs, notion, notion-api, notion-blog, notion-client, notion-database, resume, resume-template, tailwindcss, vercel
• Language: TypeScript
• Homepage: https://morethan-log.vercel.app
• Size: 16.2 MB
• Stars: 1,982
• Watchers: 5
• Forks: 1,584
• Open Issues: 71
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

• project-awesome - morethanmin/morethan-log - 😎 A static blog using notion database (TypeScript)

README

        
# 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](https://morethan-log.vercel.app) | [Demo Resume](https://morethan-log.vercel.app/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](https://github.com/morethanmin/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](https://github.com/morethanmin/morethan-log/fork) the repo to your Profile.

3. Duplicate [this Notion template](https://morethanmin.notion.site/12c38b5f459d4eb9a759f92fba6cea36?v=2e7962408e3842b2a1a801bf3546edda), 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. This is not the entire URL, but just the NOTION_PAGE_ID part as shown above.

   - `NEXT_PUBLIC_GOOGLE_MEASUREMENT_ID` : For Google analytics Plugin.

   - `NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION` : For Google search console Plugin.

   - `NEXT_PUBLIC_NAVER_SITE_VERIFICATION` : For Naver search advisor Plugin.

   - `NEXT_PUBLIC_UTTERANCES_REPO` : For Utterances 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

   

   

## FAQ

    Click to see FAQ 

   Q1: If you finish making avatar.svg, How to make favicon.ico and apple-touch-icon.png?

   

   A1: check out https://www.favicon-generator.org/

   

   Q2: Is it necessary to set up a sitemap file?   

   A2: The system will dynamically create a sitemap.xml, so there is no need for manual setup.

   Q3: Why don’t Notion posts update automatically?   

   A3: Please set the revalidateTime in site.config.js and observe how long it takes to update.

   

   Q4: What should be entered for NEXT_PUBLIC_GOOGLE_MEASUREMENT_ID and NEXT_PUBLIC_GOOGLE_SITE_VERIFICATION in site.config.js?

   A4: You can check https://github.com/morethanmin/morethan-log/issues/203. Please note that updates may take some time to take effect after setting.

If you encounter any other issues, please feel free to add them to the GitHub README to assist future users. We look forward to your contributions!

## Contributing

Check out the [Contributing Guide](.github/CONTRIBUTING.md).

### 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](LICENSE).