Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/steven-tey/novel

Notion-style WYSIWYG editor with AI-powered autocompletion.
https://github.com/steven-tey/novel

ai-sdk chatgpt nextjs notion openai prosemirror tiptap vercel

Last synced: about 2 months ago
JSON representation

Notion-style WYSIWYG editor with AI-powered autocompletion.

Host: GitHub
URL: https://github.com/steven-tey/novel
Owner: steven-tey
License: apache-2.0
Created: 2023-03-21T21:14:33.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2024-05-19T19:32:03.000Z (4 months ago)
Last Synced: 2024-05-21T06:16:43.458Z (4 months ago)
Topics: ai-sdk, chatgpt, nextjs, notion, openai, prosemirror, tiptap, vercel
Language: TypeScript
Homepage: https://novel.sh
Size: 88.1 MB
Stars: 11,194
Watchers: 41
Forks: 923
Open Issues: 56
Metadata Files:
- Readme: README.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Security: SECURITY.md

Awesome Lists containing this project

awesome-ChatGPT-repositories - novel - Notion-style WYSIWYG editor with AI-powered autocompletion. (Openai)
ai-game-devtools - Novel - style WYSIWYG editor with AI-powered autocompletions. | | | Writer | (<span id="writer">Writer</span> / <span id="tool">Tool (AI LLM)</span>)
AiTreasureBox - steven-tey/novel - 09-13_12474_1](https://img.shields.io/github/stars/steven-tey/novel.svg)|Notion-style WYSIWYG editor with AI-powered autocompletions| (Repos)
StarryDivineSky - steven-tey/novel
awesome-chatgpt - steven-tey/novel - Notion-style WYSIWYG editor with AI-powered autocompletion. (ChatGPT-based applications / Other sdk/libraries)
awesome-shadcn-ui - novel - Novel is a Notion-style WYSIWYG editor with AI-powered autocompletion. Built with [Tiptap](https://tiptap.dev/) + [Vercel AI SDK](https://sdk.vercel.ai/docs). (Libs and Components)
my-awesome - steven-tey/novel - sdk,chatgpt,nextjs,notion,openai,prosemirror,tiptap,vercel pushed_at:2024-08 star:12.4k fork:1.0k Notion-style WYSIWYG editor with AI-powered autocompletion. (TypeScript)
awesome-homelab - Novel - tey/novel?style=flat) ![Novel](https://img.shields.io/github/languages/top/steven-tey/novel?style=flat) | Notion-style WYSIWYG editor with AI-powered autocompletion. | (Apps / Writing)

README

        

  

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