Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/salimi-my/notion-clone
This is a Notion clone app created using Next.js. It is a productivity and note-taking web application.
https://github.com/salimi-my/notion-clone
blocknote clerk edgestore nextjs shadcn-ui tailwindcss typescript vercel zustand
Last synced: about 2 months ago
JSON representation
This is a Notion clone app created using Next.js. It is a productivity and note-taking web application.
- Host: GitHub
- URL: https://github.com/salimi-my/notion-clone
- Owner: salimi-my
- Created: 2023-10-21T14:52:53.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2023-10-29T10:58:36.000Z (over 1 year ago)
- Last Synced: 2024-11-05T11:16:01.611Z (4 months ago)
- Topics: blocknote, clerk, edgestore, nextjs, shadcn-ui, tailwindcss, typescript, vercel, zustand
- Language: TypeScript
- Homepage: https://motion.salimi.my
- Size: 3.13 MB
- Stars: 9
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# [Motion](https://motion.salimi.my) · [](https://www.linkedin.com/in/mohamad-salimi/)
This is a Notion clone app created using Next.js for educational purposes. Motion is a productivity and note-taking web application. It offers organizational tools including task management, project tracking, to-do lists, and bookmarking.
## Notion Clone
- Real time database
- Light / dark / system mode
- Authentication using Clerk
- Convex for database
- Edgestore for image upload
- Zustand for state management
- Notion like editor using BlockNote
- Hosted in Vercel## Tech/framework used
- Next.js 13 App Dir
- Shadcn/ui
- Clerk
- Tailwind CSS
- TypeScript
- Convex
- Edgestore
- BlockNote
- Zustand
- Vercel## Starting the project
Open the [.env.example](/.env.example) and fill in your Convex configuration, Edgestore configuration & Clerk Auth Configurations then save it as .env.local the run the following command:
```bash
npm install
npm run dev
npx convex dev
```## Demo
The app is hosted on Vercel. [Click here](https://motion.salimi.my) to visit.
Direct link: `https://motion.salimi.my`## Screenshots
#### Landing page

#### Sign in

#### Editor
