3c:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseFallbackMarker"] 3d:I[57106,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"ButtonLink"] 3e:I[939773,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TrackedSuspenseContentMarker"] 3f:I[382422,["/vc-ap-vercel-templates/_next/static/immutable/chunks/2v4s4eubso6ie.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/05p05zti_rn-6.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/03ei7k4u833lh.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2-c9-j3hbb6_5.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0ny310d9fke7v.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0zfr81hirqwyt.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2qnrr29u25u5t.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1icgfdp-j4khl.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3702j97f9tiud.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1d1c70gp_t7ak.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0cxf4qpb5soyw.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/15kid0fc4rbwi.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1w1qp7xynodi1.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/0wjhue0-vo4p0.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1g66byldwxk9w.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/3xtdbyzvu_spv.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/1tpfwo4utcu8-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2al5u4gvohhh-.js","/vc-ap-vercel-templates/_next/static/immutable/chunks/2pl22y-arv8ha.js"],"TemplateDetailsHeroButtonsClient"] 40:Tf76,

Novel

An open-source Notion-style WYSIWYG editor with AI-powered autocompletions.

Introduction · Deploy Your Own · Setting Up Locally · Tech Stack · Contributing · License

## Docs (WIP) https://novel.sh/docs/introduction ## Introduction [Novel](https://novel.sh/) is a Notion-style WYSIWYG editor with AI-powered autocompletions. https://github.com/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8782-5d803d63be5c
## Deploy Your Own You can deploy your own version of Novel to Vercel with one click: [![Deploy with Vercel](https://vercel.com/button)](https://stey.me/novel-deploy) ## Setting Up Locally To set up Novel locally, you'll need to clone the repository and set up the following environment variables: - `OPENAI_API_KEY` – your OpenAI API key (you can get one [here](https://platform.openai.com/account/api-keys)) - `BLOB_READ_WRITE_TOKEN` – your Vercel Blob read/write token (currently [still in beta](https://vercel.com/docs/storage/vercel-blob/quickstart#quickstart), but feel free to [sign up on this form](https://vercel.fyi/blob-beta) for access) If you've deployed this to Vercel, you can also use [`vc env pull`](https://vercel.com/docs/cli/env#exporting-development-environment-variables) to pull the environment variables from your Vercel project. To run the app locally, you can run the following commands: ``` pnpm i pnpm dev ``` ## Cross-framework support While Novel is built for React, we also have a few community-maintained packages for non-React frameworks: - Svelte: https://novel.sh/svelte - Vue: https://novel.sh/vue ## VSCode Extension Thanks to @bennykok, Novel also has a VSCode Extension: https://novel.sh/vscode https://github.com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7373 ## Tech Stack Novel is built on the following stack: - [Next.js](https://nextjs.org/) – framework - [Tiptap](https://tiptap.dev/) – text editor - [OpenAI](https://openai.com/) - AI completions - [Vercel AI SDK](https://sdk.vercel.ai/docs) – AI library - [Vercel](https://vercel.com) – deployments - [TailwindCSS](https://tailwindcss.com/) – styles - [Cal Sans](https://github.com/calcom/font) – font ## Contributing Here's how you can contribute: - [Open an issue](https://github.com/steven-tey/novel/issues) if you believe you've encountered a bug. - Make a [pull request](https://github.com/steven-tey/novel/pull) to add new features/make quality-of-life improvements/fix bugs.

## Repo Activity ![Novel.sh repo activity – generated by Axiom](https://repobeats.axiom.co/api/embed/2ebdaa143b0ad6e7c2ee23151da7b37f67da0b36.svg) ## License Licensed under the [Apache-2.0 license](https://github.com/steven-tey/novel/blob/main/LICENSE). 32:["$","$11",null,{"fallback":["$","$L3c",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":[["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L3d",null,{"href":"#","children":"Deploy"}]}],["$","span",null,{"className":"rounded-[5px] after:animate-loading-skeleton block relative overflow-hidden invisible after:content-[\"\"] after:absolute after:inset-0 after:right-[-200%] after:bg-gradient-to-r after:from-[var(--ds-gray-100)] after:via-[var(--ds-gray-200)] after:to-[var(--ds-gray-100)] after:bg-[length:50%_100%] after:bg-[position:0_0] after:visible","data-geist-skeleton":"","data-testid":"legacy/skeleton","data-version":"v1","children":["$","$L3d",null,{"href":"#","children":"View Demo"}]}]]}],"children":["$","$L3e",null,{"boundaryId":"suspense-template-details-hero-buttons","name":"template-details-hero-buttons","hasExplicitName":true,"children":["$","$L3f",null,{"fields":{"name":"Liveblocks Notion-like AI Editor","slug":"liveblocks-notion-like-ai-editor","publisher":"Liveblocks","incomingThumbUrl":"https://drive.google.com/file/d/1P-FnY3TigjAyRJegGoXyna1e_tHlwViW/view","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3syb9V7uruTXryuIG5fVEs","type":"Asset","createdAt":"2024-09-14T20:51:06.287Z","updatedAt":"2024-09-14T20:51:06.287Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"locale":"en-US"},"fields":{"title":"Liveblocks Notion-like AI Editor template OG image","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3syb9V7uruTXryuIG5fVEs/e8f7ef8a7b6c0467a66965fb035f3fd6/vercel-gallery-template-notion-like-ai-editor.png","details":{"size":165226,"image":{"width":1270,"height":760}},"fileName":"vercel-gallery-template-notion-like-ai-editor.png","contentType":"image/png"}}},"description":"A Notion-like collaborative text editor with AI features built with Liveblocks, Lexical, Vercel AI SDK, and Next.js.","framework":["Next.js"],"type":["AI","Realtime Apps"],"css":["Tailwind"],"database":["Liveblocks"],"relatedTemplates":[{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"7yhmgl9UvC7qsKucZhD5hB","type":"Entry","createdAt":"2024-09-17T04:00:27.882Z","updatedAt":"2024-09-17T14:15:14.502Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":15,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Liveblocks Tldraw Whiteboard","slug":"liveblocks-tldraw-whiteboard","publisher":"Liveblocks","incomingThumbUrl":"https://drive.google.com/file/d/1q9jAMNuJj5XiQHdsjYSYo1JcHHX0NyFC/view","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"2NBm87unlNtPcDzTgU3Vdp","type":"Asset","createdAt":"2024-09-14T21:35:20.972Z","updatedAt":"2024-09-14T21:35:20.972Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":4,"revision":1,"locale":"en-US"},"fields":{"title":"Liveblocks Tldraw-like Whiteboard template OG image","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/2NBm87unlNtPcDzTgU3Vdp/7cf373b8a1d464807f2911ccae803261/vercel-gallery-template-tldraw-whiteboard.png","details":{"size":214641,"image":{"width":1270,"height":760}},"fileName":"vercel-gallery-template-tldraw-whiteboard.png","contentType":"image/png"}}},"description":"A collaborative tldraw-like whiteboard built with Liveblocks Storage and Next.js.","framework":["Next.js"],"type":["Realtime Apps"],"css":["CSS Modules"],"database":["Liveblocks"],"relatedTemplates":[{"fields":{"name":"Liveblocks Notion-like AI Editor","slug":"liveblocks-notion-like-ai-editor","publisher":"Liveblocks","incomingThumbUrl":"https://drive.google.com/file/d/1P-FnY3TigjAyRJegGoXyna1e_tHlwViW/view","thumbnail":"$32:props:children:props:children:props:fields:thumbnail","description":"A Notion-like collaborative text editor with AI features built with Liveblocks, Lexical, Vercel AI SDK, and Next.js.","framework":"$32:props:children:props:children:props:fields:framework","type":"$32:props:children:props:children:props:fields:type","css":"$32:props:children:props:children:props:fields:css","database":"$32:props:children:props:children:props:fields:database","relatedTemplates":"$32:props:children:props:children:props:fields:relatedTemplates","deployUrl":"https://vercel.com/new/clone?repository-url=https://github.com/liveblocks/liveblocks/blob/main/examples/nextjs-notion-like-ai-editor&project-name=notion-like-ai-editor&repository-name=notion-like-ai-editor&demo-title=Notion-like%20AI%20Editor&demo-description=A%20notion-like%20ai%20editor%20example%20built%20with%20Liveblocks%20and%20Next.js&demo-url=https://liveblocks.io/examples/notion-like-ai-editor/nextjs&demo-image=https://liveblocks.io/images/social-images/examples/notion-like-ai-editor.png&developer-id=oac_vgAdc0379wKPfhSvnUIZ4Vc8&integration-ids=oac_vgAdc0379wKPfhSvnUIZ4Vc8&env=OPENAI_API_KEY&external-id=eyJlbnYiOlt7Im5hbWUiOiJMSVZFQkxPQ0tTX1NFQ1JFVF9LRVkiLCJ0eXBlIjoic2VjcmV0In1dLCJlbnZSZWFkeSI6W10sIm9yaWdpbiI6IkVYQV9WREIifQ","githubUrl":"https://github.com/liveblocks/liveblocks/tree/main/examples/nextjs-notion-like-ai-editor","demoUrl":"https://nextjs-notion-like-ai-editor.liveblocks.app/","integrations":["oac_vgAdc0379wKPfhSvnUIZ4Vc8"],"integrationsOptional":false,"requiredEnvs":["OPENAI_API_KEY"]},"sys":{"id":"4cDvQt5H37odqwbksMXlHA","type":"Entry"}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"63fN8oKtOHfn6OraCX9AWp","type":"Entry","createdAt":"2024-09-17T04:00:25.455Z","updatedAt":"2025-06-03T17:58:09.640Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":12,"revision":2,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Liveblocks Linear-like Issue Tracker","slug":"liveblocks-linear-like-issue-tracker","publisher":"Liveblocks","incomingThumbUrl":"https://drive.google.com/file/d/1BCvSehiSaUOUoV5LMQtoU9zr7FxYYL5d/view","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"40TbmNm6XDeFx0D18Glud2","type":"Asset","createdAt":"2024-09-14T21:27:25.821Z","updatedAt":"2024-09-14T21:27:25.821Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":1,"locale":"en-US"},"fields":{"title":"Liveblocks Linear-like Issue Tracker template OG image","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/40TbmNm6XDeFx0D18Glud2/f07098af6e13360b5f30c3cb3a9f71bf/vercel-gallery-template-linear-like-issue-tracker.png","details":{"size":144450,"image":{"width":1270,"height":760}},"fileName":"vercel-gallery-template-linear-like-issue-tracker.png","contentType":"image/png"}}},"description":"A Linear-like collaborative issue tracker using Liveblocks and Next.js.","framework":["Next.js"],"type":["Realtime Apps"],"css":["Tailwind"],"database":["Liveblocks"],"relatedTemplates":["$32:props:children:props:children:props:fields:relatedTemplates:0:fields:relatedTemplates:0","$32:props:children:props:children:props:fields:relatedTemplates:0",{"sys":{"type":"Link","linkType":"Entry","id":"4HG6Xwg1Bw7OGmPhxI4eW"}}],"deployUrl":"https://vercel.com/new/clone?repository-url=https://github.com/liveblocks/liveblocks/blob/main/examples/nextjs-linear-like-issue-tracker&project-name=linear-like-issue-tracker&repository-name=linear-like-issue-tracker&demo-title=Linear-like%20issue%20tracker&demo-description=A%20linear-like%20issue%20tracker%20example%20built%20with%20Liveblocks%20and%20Next.js&demo-url=https://liveblocks.io/examples/linear-like-issue-tracker/nextjs&demo-image=https://liveblocks.io/images/social-images/examples/linear-like-issue-tracker.png&developer-id=oac_vgAdc0379wKPfhSvnUIZ4Vc8&integration-ids=oac_vgAdc0379wKPfhSvnUIZ4Vc8&external-id=eyJlbnYiOlt7Im5hbWUiOiJMSVZFQkxPQ0tTX1NFQ1JFVF9LRVkiLCJ0eXBlIjoic2VjcmV0In1dLCJlbnZSZWFkeSI6W10sIm9yaWdpbiI6IkVYQV9WREIifQ","githubUrl":"https://github.com/liveblocks/liveblocks/tree/main/examples/nextjs-linear-like-issue-tracker","demoUrl":"https://nextjs-linear-like-issue-tracker.liveblocks.app/","integrations":["oac_vgAdc0379wKPfhSvnUIZ4Vc8"],"integrationsOptional":false}},{"sys":{"type":"Link","linkType":"Entry","id":"4HG6Xwg1Bw7OGmPhxI4eW"}}],"deployUrl":"https://vercel.com/new/clone?repository-url=https://github.com/liveblocks/liveblocks/blob/main/examples/nextjs-tldraw-whiteboard-storage&project-name=tldraw-whiteboard&repository-name=tldraw-whiteboard&demo-title=Tldraw%20Whiteboard&demo-description=A%20tldraw%20whiteboard%20example%20built%20with%20Liveblocks%20and%20Next.js&demo-url=https://liveblocks.io/examples/tldraw-whiteboard/nextjs&demo-image=https://liveblocks.io/images/social-images/examples/tldraw-whiteboard.jpg&developer-id=oac_vgAdc0379wKPfhSvnUIZ4Vc8&integration-ids=oac_vgAdc0379wKPfhSvnUIZ4Vc8&external-id=eyJlbnYiOlt7Im5hbWUiOiJMSVZFQkxPQ0tTX1NFQ1JFVF9LRVkiLCJ0eXBlIjoic2VjcmV0In1dLCJlbnZSZWFkeSI6W10sIm9yaWdpbiI6IkVYQV9WREIifQ","githubUrl":"https://github.com/liveblocks/liveblocks/tree/main/examples/nextjs-tldraw-whiteboard-storage","demoUrl":"https://nextjs-tldraw-whiteboard-storage.liveblocks.app/","integrations":["oac_vgAdc0379wKPfhSvnUIZ4Vc8"],"integrationsOptional":false}},"$32:props:children:props:children:props:fields:relatedTemplates:0:fields:relatedTemplates:1",{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"6ie2aPfzAxcA6prAStNmSL","type":"Entry","createdAt":"2023-06-16T18:14:50.684Z","updatedAt":"2026-07-02T17:04:19.511Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":53,"revision":18,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"hasBeenReviewed":true,"isDisabled":false,"isDisabledReason":"","name":"Novel – AI-powered Notion-style editor","description":"A Notion-style WYSYWIG editor with AI-powered autocompletions, built with Tiptap, OpenAI, and Vercel AI SDK.","slug":"novel","githubUrl":"https://github.com/steven-tey/novel","overview":"$40","rootDirectory":"apps/web","demoUrl":"https://novel.sh/","publisher":"Steven Tey","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"3YXmOo0YQBrFMSYE4RjswC","type":"Asset","createdAt":"2023-06-16T15:39:06.372Z","updatedAt":"2024-06-21T20:34:10.640Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":5,"revision":2,"locale":"en-US"},"fields":{"title":"Novel opengraph-image","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/3YXmOo0YQBrFMSYE4RjswC/0444303eff1ccab53a724f50ab9e9578/opengraph-image.png","details":{"size":172673,"image":{"width":2400,"height":1254}},"fileName":"opengraph-image.png","contentType":"image/png"}}},"framework":["Next.js"],"type":["AI","SaaS"],"css":["Tailwind"],"database":["Vercel Blob"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"25lExhOPDFoDXUJtlpTUHi"}},{"sys":{"type":"Link","linkType":"Entry","id":"07KycvNERsZY7J9pYrT4s"}},{"sys":{"type":"Link","linkType":"Entry","id":"6EdUIxQhnDggm8XSKcDzy6"}}],"integrationsOptional":true,"requiredEnvs":["OPENAI_API_KEY"],"requiredEnvsDescription":"Get your OpenAI API key:","requiredEnvsLink":"https://platform.openai.com/account/api-keys"}},{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"4MbsQuDAwLhVKz1cWMU5vG","type":"Entry","createdAt":"2022-07-15T21:44:29.385Z","updatedAt":"2025-09-09T01:06:21.089Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":22,"revision":6,"contentType":{"sys":{"type":"Link","linkType":"ContentType","id":"templates"}},"locale":"en-US"},"fields":{"name":"Notion-backed Next.js Blog","slug":"notion-blog","publisher":"JJ Kasper","thumbnail":{"metadata":{"tags":[],"concepts":[]},"sys":{"space":{"sys":{"type":"Link","linkType":"Space","id":"e5382hct74si"}},"id":"7lYdKZ6mJpNYnydt053XP","type":"Asset","createdAt":"2022-07-15T21:40:46.211Z","updatedAt":"2025-09-09T01:06:19.623Z","environment":{"sys":{"id":"master","type":"Link","linkType":"Environment"}},"publishedVersion":10,"revision":5,"locale":"en-US"},"fields":{"title":"Notion-backed Next.js Blog","description":"","file":{"url":"//images.ctfassets.net/e5382hct74si/7lYdKZ6mJpNYnydt053XP/2b4f2ef634138c86aaa6e522147344e6/CleanShot_2022-07-15_at_16.40.23.png","details":{"size":512638,"image":{"width":1598,"height":1007}},"fileName":"CleanShot 2022-07-15 at 16.40.23.png","contentType":"image/png"}}},"description":"A Next.js site using new SSG support with a Notion backed blog\n","framework":["Next.js"],"type":["Blog","CMS"],"css":["CSS Modules"],"cms":["Notion"],"relatedTemplates":[{"sys":{"type":"Link","linkType":"Entry","id":"5P8nwVHh9O0FlgXKXibBE5"}},{"sys":{"type":"Link","linkType":"Entry","id":"1WbTDaEUzUq0auTdJiuOkn"}},{"sys":{"type":"Link","linkType":"Entry","id":"5XnzPtfAL4rIgjHFCpY8qn"}},{"sys":{"type":"Link","linkType":"Entry","id":"4HG6Xwg1Bw7OGmPhxI4eW"}}],"githubUrl":"https://github.com/ijjk/notion-blog","demoUrl":"https://notion-blog.vercel.app/","integrationsOptional":true,"requiredEnvs":["NOTION_TOKEN","BLOG_INDEX_ID"]}}],"deployUrl":"https://vercel.com/new/clone?repository-url=https://github.com/liveblocks/liveblocks/blob/main/examples/nextjs-notion-like-ai-editor&project-name=notion-like-ai-editor&repository-name=notion-like-ai-editor&demo-title=Notion-like%20AI%20Editor&demo-description=A%20notion-like%20ai%20editor%20example%20built%20with%20Liveblocks%20and%20Next.js&demo-url=https://liveblocks.io/examples/notion-like-ai-editor/nextjs&demo-image=https://liveblocks.io/images/social-images/examples/notion-like-ai-editor.png&developer-id=oac_vgAdc0379wKPfhSvnUIZ4Vc8&integration-ids=oac_vgAdc0379wKPfhSvnUIZ4Vc8&env=OPENAI_API_KEY&external-id=eyJlbnYiOlt7Im5hbWUiOiJMSVZFQkxPQ0tTX1NFQ1JFVF9LRVkiLCJ0eXBlIjoic2VjcmV0In1dLCJlbnZSZWFkeSI6W10sIm9yaWdpbiI6IkVYQV9WREIifQ","githubUrl":"https://github.com/liveblocks/liveblocks/tree/main/examples/nextjs-notion-like-ai-editor","demoUrl":"https://nextjs-notion-like-ai-editor.liveblocks.app/","integrations":"$32:props:children:props:children:props:fields:relatedTemplates:0:fields:relatedTemplates:0:fields:integrations","integrationsOptional":false,"requiredEnvs":"$32:props:children:props:children:props:fields:relatedTemplates:0:fields:relatedTemplates:0:fields:requiredEnvs","cdnRoutingRuleHref":"","firewallRuleHref":"","thumbnailUrl":"//images.ctfassets.net/e5382hct74si/3syb9V7uruTXryuIG5fVEs/e8f7ef8a7b6c0467a66965fb035f3fd6/vercel-gallery-template-notion-like-ai-editor.png"}}]}]}]