Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

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 months ago
JSON representation

😎 A static blog using notion database

Lists

README

        

# 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](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://quasar-season-ed5.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.

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


siyeons  

## License

The [MIT License](LICENSE).