Skip to content

tinycocopo/tinymce-ems-demo

Repository files navigation

React + Next.js Email Messaging System Demo: Inbox Page with TinyMCE

This is a Next.js project bootstrapped with create-next-app. It uses React, Resend and is responsive to Dark Mode/Light Mode.

An image of a basic email messaging system Inbox page in a React + Next.js project

Getting Started

  1. Install dependencies:
npm install
  1. Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Replacing the textarea with TinyMCE

Follow the how-to on the TinyMCE Blog to add a robust, Dark Mode-aware WYSIWYG editor to this React + Next.js + Resend Email Messaging System app wireframe.

Learn More

To learn more about TinyMCE, take a look at the following resources:

  • TinyMCE Documentation - learn about TinyMCE features and API.
  • TinyMCE Developer Center - find developer-specific resources about TinyMCE, like code samples, videos, and how-tos.
  • TinyMCE Blog - explore the TinyMCE blog to find more walkthroughs and editor comparisons.
  • Resend Documentation - Read the Resend documentation and connect your real domain to start making a real email messaging system with TinyMCE.

About

A basic Inbox page for an email messaging system demo with TinyMCE 8 in React + Next.js, and Resend email.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published