morethanmin/morethan-log

😎 A static blog using notion database

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

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. 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, 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.

morethan-log's Issues

About open source license

About open source license

Briefly learn about the open source license, and apply the license to your source code uploaded on github 🙂

https://morethan-log.vercel.app/about-opensource-license

노션 반영이 안됩니다

Overview

샘플 글을 지우고 아래와 같이 제 글을 작성 후 배포 하였으나 2번째 그림처럼 글이 출력되지 않아요 해결 방법을 모르겠습니다.

새로운 한글로 작상된 글

새로운 한글로 작상된 글

https://mina-log.vercel.app/%EC%83%88%EB%A1%9C%EC%9A%B4%20%ED%95%9C%EA%B8%80

TypeScript Migration

updating Next.js, React version

노션에 author 이미지파일이 없을 경우 직렬화 에러

Overview

노션 게시물을 제꺼로 변경하는 와중에 자꾸 에러가 떠서 원인을 찾아보니 직렬화 에러가 뭐시기.. 하더라고요.
노션 게시글의 author의 이미지를 참조할 수 없으면 렌더 과정에서 문제가 생기는 것 같습니다.

undefined 때문에 넘어가지질 않아서 아래 내용으로 코드를 고쳐서 이슈해결했습니다.
profile_photo: resValue?.profile_photo ?? null

Updating README.md

• korean
• english
• support neflify deploy tutorial

adding post author

재규니 바봉

재규니 바봉

재규니바부바부

http://localhost:3000/hahahaha

오픈소스 라이센스에 대하여

오픈소스 라이센스에 대하여

오픈소스 라이센스에 대해서 간단히 알아보고, github에 올린 본인의 소스 코드에 라이센스를 적용해본다 🙂

https://morethan-log.vercel.app/about-opensource-license

TEST2

TEST2

https://mina-log.vercel.app/test2

apollo client에서 useMutation을 통해 비동기 상태 관리하는 방식 알아보기

apollo client에서 useMutation을 통해 비동기 상태 관리하는 방식 알아보기

useMutation을 사용해보고, 실제 비동기 상태를 처리하는 방식에 대해서 살펴보자

https://morethan-log.vercel.app/apollo-gettings-started-mutate

Enable Darkmode

Author 반영이 안됩니다

Overview

https://blog-inmog.vercel.app/author

제 노션에 반영되는 author와 블로그에 반영되는 author가 다릅니다. author 업데이트가 안되네요 ㅠㅠ

Should I migrate to styled component?

Overview

Creating 404 page

remove any type

Overview

Update Contributing Rule

Dynamically create sitemap.xml in Next.js

Dynamically create sitemap.xml in Next.js

Let's load the sitemap dynamically

https://morethan-log.vercel.app/hot-to-make-sitemap-in-next-js

YarnBerry Migration

Need pagination?

Asc 를 기본 설정으로 지정하는 방법이 궁금합니다!

Overview

안녕하세요 블로그 접속할 때 마다 DESC로 지정되는게 불편해서 정렬 기본값을 Asc로 바꾸고 싶은데 어떻게 변경할 수 있나요?

Learn how apollo client manages asynchronous state through useMutation

Learn how apollo client manages asynchronous state through useMutation

Let's try useMutation and see how it handles real asynchronous state.

https://morethan-log.vercel.app/apollo-gettings-started-mutate

rua

rua

asdfdd

https://g-z-blog.vercel.app/sadf

GraphQL에 대하여

GraphQL에 대하여

GraphQL에 대해 알아보자 🙄

https://morethan-log.vercel.app/about-graphql

Create Favicon & Logo

can't write comment

The following error occurs when I press the 'Comment' button.

here is the error message.

Error: utterances is not installed on morethanmin/morethan_log. If you own this repo, install the app. Read more about this change in the PR.

Adding sticky section

Overview

left and right

Update README.md for contributor

Change default avatar

use this
https://notion-avatar.vercel.app/

update darkmode color

CI/CD(with Github Actions)

CI/CD(with Github Actions)

github actions으로 CI/CD 구축

https://sichoi.vercel.app/about-ci-cd

블로그 시작

블로그 시작

https://morethan-log.vercel.app/blog-start

Untilled - useState없이 router as 기반 모달 구현하기

Untilled - useState없이 router as 기반 모달 구현하기

https://morethanmin.web.app/how-to-carete-router-as-based-modal

신현재 바보야

신현재 바보야

https://morethan-log-delta.vercel.app/test

suggest to add the article type of “link”

Overview

Deployment with Docker

Overview

Introducing the possibility to deploy this via docker

I really like the project, but I would like to self-host it with docker. Is that a possibility?

Handling GraphQL queries in apollo client

Handling GraphQL queries in apollo client

Let's use GraphQL using apollo client

https://morethan-log.vercel.app/apollo-gettings-started-query

if i add myself for author the bulid will be show error

Overview

if i add myself for author the bulid will be show error，otherwise it will be build successful

Enabling Discussion for Any feature request.

Overview

We can enable discussions for the repository for any Feature request.
Only Issues that affect the project should be filed under the Issue tab in Github.

토글안에 있는 링크

Overview

일반 링크는 잘 보이지만

아래와 같이 토글안에 있는 링크는

페이지 밖을 벗어나버립니다.

ZEXT - 사이드 프로젝트로 서비스 출시까지

ZEXT - 사이드 프로젝트로 서비스 출시까지

사이드프로젝트 후기

http://localhost:3001/zext-project-review

V8엔진에 대해 알아보자

V8엔진에 대해 알아보자

우리가 npm run start 하고나서는 어떤일이 벌어질까

https://llog.vercel.app/V8

hello!

hello!

https://blog.pysun.kr/about

If the os default theme is dark, the theme button is displayed as light.

Create blog setting page

This is a test page.

This is a test page.

Let’s roll!

https://mike-chan-blog.vercel.app/test-page

dddd

dddd

Let's load the sitemap dynamically

http://localhost:3000/a

add Thumbnail Image

I want the thumbnail image to appear on the list of posts.

add features about images in icons, covers, or 'files and images' properties to be displayed as thumbnails.

author에 사진은 뜨는데 닉네임이 undefinedundefined 로 나옵니다.

Overview

혹시 따로 설정을 해야 하는데 제가 못한 걸까요?
https://www.halamlee.com/refresh-token