Next Google Docs Clone

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, 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.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Recourses

Youtube 3:32:28

Install

Shadcn UI

npx [email protected] init

npx [email protected] add --all

Tiptap: The editor suite

npm i @tiptap/[email protected] @tiptap/[email protected] @tiptap/[email protected] --legacy-peer-deps

npm i @tiptap/extension-task-list @tiptap/extension-task-item --legacy-peer-deps

npm i @tiptap/[email protected] @tiptap/[email protected] @tiptap/[email protected] @tiptap/[email protected] --legacy-peer-deps

npm i @tiptap/[email protected] --legacy-peer-deps

npm i [email protected] --legacy-peer-deps

npm i @tiptap/extension-underline --legacy-peer-deps

npm i @tiptap/extension-text-style @tiptap/extension-font-family --legacy-peer-deps

npm i @tiptap/[email protected] --legacy-peer-deps

npm i @tiptap/extension-highlight --legacy-peer-deps

npm i @tiptap/extension-color --legacy-peer-deps

npm install @tiptap/[email protected] --legacy-peer-deps

zustand

npm install [email protected] --legacy-peer-deps

react-color

npm i --save-dev @types/[email protected] --legacy-peer-deps