Build your own Notion-like WYSIWYG Editor in React

Learn how to add a WYSIWYG editor with AI commands in React using Novel. We'll walk through setting up React in an Astro app, installing and adding the Novel editor, and setting up and configuring an AI chat completion endpoint using the OpenAI API and Vercel's AI SDK. 🧰 Resources Tutorial: https://spacejelly.dev/posts/how-to-a... Code: https://github.com/colbyfayock/my-ast... Demo: https://my-astro-ai-editor.vercel.app... 📺 YouTube: https://youtube.com/colbyfayock?sub_c... 🐦 Twitter:   / colbyfayock   📹 Twitch:   / colbyfayock   ✉️ Newsletter: https://www.colbyfayock.com/newsletter/ 🎥 What I Use: https://www.colbyfayock.com/uses #colbyfayock #aieditor #reactjs #astrojs #wysiwyg #webdevelopment