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.
📒 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.
-
Star this repo.
-
Fork the repo to your Profile.
-
Duplicate this Notion template, and Share to Web.
-
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]. -
Clone your forked repo and then customize
site.config.jsbased on your preference. -
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.
Click to see guide
-
Prepare Notion, Vercel account.
-
⭐
StarandForkthis repo.
- As you
clickthe Notion template, you will see this notion page in your browser. ClickDuplicatebutton(복제 in image) in right top.
- And you will see
notion page in notion appin your account.
- Click
ShareandPublishin right top, and check web link. (Copy web link)
Modifysite.config.js file in your forked repo.
💡 NOTE. I changed 2 RED PART
- Move and
loginto vercel.
Buildnew project using Add New...
Importyour forked morethan-log repository
AddEnvironment variabes to vercel project
Waitfor the deployment to complete. After the deployment is successful, you should see an image like the one below.
🥳 Congratulations. Now check out your blog
Check out the Contributing Guide.
morethan-log is an MIT-licensed open source project. It can grow thanks to the sponsors and support from the amazing backers.
The MIT License.