{"id":15019884,"url":"https://github.com/khaaleoo/notion-nextjs-mini-kit","last_synced_at":"2025-04-09T19:50:24.952Z","repository":{"id":245256278,"uuid":"817696875","full_name":"khaaleoo/notion-nextjs-mini-kit","owner":"khaaleoo","description":"A simple and efficient way to connect Next.js apps with Notion to access and display data","archived":false,"fork":false,"pushed_at":"2024-06-20T17:05:05.000Z","size":2707,"stargazers_count":34,"open_issues_count":0,"forks_count":5,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-03-23T21:45:50.668Z","etag":null,"topics":["cms","nextjs","nextjs14","notion","notion-api"],"latest_commit_sha":null,"homepage":"","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/khaaleoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-06-20T08:54:17.000Z","updated_at":"2025-02-09T21:09:52.000Z","dependencies_parsed_at":null,"dependency_job_id":"a9aa1c7e-2f55-48a5-970d-6bcab3f5d27d","html_url":"https://github.com/khaaleoo/notion-nextjs-mini-kit","commit_stats":null,"previous_names":["khaaleoo/notion-nextjs-mini-kit"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khaaleoo%2Fnotion-nextjs-mini-kit","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khaaleoo%2Fnotion-nextjs-mini-kit/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khaaleoo%2Fnotion-nextjs-mini-kit/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/khaaleoo%2Fnotion-nextjs-mini-kit/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/khaaleoo","download_url":"https://codeload.github.com/khaaleoo/notion-nextjs-mini-kit/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248103804,"owners_count":21048238,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["cms","nextjs","nextjs14","notion","notion-api"],"created_at":"2024-09-24T19:54:14.222Z","updated_at":"2025-04-09T19:50:24.909Z","avatar_url":"https://github.com/khaaleoo.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Notion Next.js Mini Kit\n\nThis repository contains a mini kit for integrating Notion API with Next.js. This kit provides a simple and efficient way to connect your Next.js applications with Notion to access and display data.\n\n## Features\n\n- Seamless integration of Notion API with Next.js\n- Easy setup and configuration\n- Flexible customization options\n- Lightweight and performant\n- Revalidate path for static generation\n\n## Tech Stack\n\n- Next.js: version 14x\n- Notion API\n\n## Library\n- [React Notion](https://github.com/splitbee/react-notion): minimal renderer for blogs \u0026 content pages\n- [@notionhq/client](https://www.npmjs.com/package/@notionhq/client): A simple and easy to use client for the Notion API\n- [Headlessui](https://headlessui.com/): UI components, designed to integrate beautifully with Tailwind CSS\n  \n\n## Full Steps to Setup\n- English: [Guide to building a personal blog with Next.js and Notion\n](https://www.lexuankha.com/blog/guide-to-building-a-personal-blog-with-next-js-and-notion)\n- Vietnamese: [Hướng dẫn xây dựng blog cá nhân với NextJs và Notion](https://viblo.asia/p/huong-dan-xay-dung-blog-ca-nhan-voi-nextjs-va-notion-WR5JRZjQJGv)\n\n\n## Installation\n\nTo get started with the Notion Next.js Mini Kit, follow these steps:\n    \nClone the repository:\n```\ngit clone https://github.com/khaaleoo/notion-nextjs-mini-kit.git\n```    \n\nInstall dependencies:\n```\ncd notion-nextjs-mini-kit\npnpm install\n```\n\nCopy the content in .env.sample to your .env or .env.local\n\nRun the project\n```\npnpm dev\n```\n\n\n### Environment Variables\n\nTo run this project, you will need to add the following environment variables to your .env file\n\n`NOTION_TOKEN`\n\n`NOTION_DATABASE_ID`\n\n\n### Revalidating Static Pages\n\nTo revalidate static pages, access the following endpoint:\n\nhttps://yourdomain/api/revalidate?path=/yourpath\u0026secret=yoursecret\n\n## Used By\n\nThis project is used by the following pages/blogs:\n\n- [Leo's Tech Blog](https://lexuankha.com)\n\n\n## Feedback \u0026 Contributing\n\nContributions are always welcome!\n\nIf you have any feedback, please reach out to me at khalx.leo@gmail.com","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhaaleoo%2Fnotion-nextjs-mini-kit","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkhaaleoo%2Fnotion-nextjs-mini-kit","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkhaaleoo%2Fnotion-nextjs-mini-kit/lists"}