yureutaejin / morethan-log

😎 A static blog using notion database
https://yureutae-log.vercel.app/
MIT License
0 stars 0 forks source link
blog notion vercel-deployment

Yureutae-log by 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

📄 Use as a page as resume

👀 SEO friendly

🤖 Customisable and Supports various plugin through CONFIG

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

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.