How to Use AI Notion in BuouNext

BuouNext Notion is a rich-text editor inspired by Notion.
It supports WYSIWYG editing, markdown shortcuts, and AI-powered autocompletion, making it ideal for writing notes, documentation, and even blog posts — all in a seamless and modern editing experience.

🧱 Technology Stack

• Tiptap — ProseMirror-based modular editor framework
• Vercel AI SDK — Unified AI messaging framework supporting streaming
• BuouNext — Comes with built-in editor page and API handler

🚀 Features

• Notion-style block editing and drag-to-reorder
• Markdown shortcuts (e.g. # for heading, - for list)
• Command menu (/) for inserting AI blocks, images, embeds, etc.
• AI autocompletion for selected paragraphs or full page
• Light/dark mode support

How to Apply for a Gemini API Key

1. Visit the Google AI Platform:
   Go to Google AI Studio and sign in with your Google account.

2. Create a New Project:
   If you don’t have an existing project, create a new one via the Google Cloud Console.

3. Enable the Gemini API:
   Navigate to the API Library and search for the Gemini API. Click "Enable" to add it to your project.

4. Generate an API Key:
   In the Cloud Console, go to the "Credentials" section and click "Create Credentials". Choose "API Key" and copy the generated key.

   Note: Keep your API key secure and restrict its usage via application restrictions and API restrictions.

5. Set Up Environment Variables:
   Store your API key in a secure place (e.g., in a .env.local file):

   GOOGLE_GENERATIVE_AI_API_KEY=your_generated_api_key_here

How to use AI notion

You can test it in AI Image

and if you set up GOOGLE_GENERATIVE_AI_API_KEY,you can use it directly before you run BuouNext success