Next.js Rich Text Editor Integration

Integrate Tetrons with server-side rendering and dynamic routes using Next.js.

SEO Friendly

Supports SSR for better performance and SEO.

Modular

Use Tetrons only where needed with dynamic imports.

Production Ready

Tuned for optimal performance with Next.js.

Simple Setup

Step 1: Setup Next.js

Create a new project.

npx create-next-app tetrons-next

Step 2: Install editor

Install Tetrons and dependencies.

npm install tetrons @tetrons/react

Step 3: Import component

Add the editor to a page.

import dynamic from 'next/dynamic';
  
  const TetronsEditor = dynamic(() => import('@tetrons/react'), {
    ssr: false
  });
  
  export default function Page() {
    return <TetronsEditor />;
  }

Step 4: Run

Start the dev server.

npm run dev
Chatbot