Git Product home page Git Product logo

morethan-log's Introduction

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.
    • 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
  1. Prepare Notion, Vercel account.

  2. โญ Star and Fork this repo.

  1. As you click the Notion template, you will see this notion page in your browser. Click Duplicate button(๋ณต์ œ in image) in right top.
  1. And you will see notion page in notion app in your account.
  1. Click Share and Publish in right top, and check web link. (Copy web link)
  1. Modify site.config.js file in your forked repo.

๐Ÿ’ก NOTE. I changed 2 RED PART

  1. Move and login to vercel.
  1. Build new project using Add New...
  1. Import your forked morethan-log repository
  1. Add Environment variabes to vercel project
  1. 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

siyeonsย ย 

License

The MIT License.

morethan-log's People

Contributors

morethanmin avatar kvaishak avatar itjustbong avatar linnilsupak avatar jhk0530 avatar ddarkr avatar octoping925 avatar jaesang1998 avatar i99dev avatar randallkk avatar seokkamoni avatar haryung-lee avatar hadessik avatar whitehyun avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.