next Radix 설치 및 사용

Radix

Radix-UI

• npm install @radix-ui/themes

• npm i @radix-ui/react-icons

• https://www.radix-ui.com/ Radix-UI Button Component
• https://www.radix-ui.com/themes/docs/components/button

import '@radix-ui/themes/styles.css';

• 전역 layout.tsx에붙이기

마크다운에디터추가

• npm install --save react-simplemde-editor easymde
• npm i react-markdown
• npm i -D @tailwindcss/typography (플러그인에써야함)

import SimpleMdeReact from "react-simplemde-editor";
import "easymde/dist/easymde.min.css";
      <SimpleMdeReact />;

• next js사용시 lazyloading으로 에러해결

const SimpleMDE = dynamic(() => import("react-simplemde-editor"), {
  ssr: false,
});